要将输入字段的值转换为小写，可以使用Angular的双向数据绑定和转换器（pipe）功能。

首先，创建一个转换器（pipe）来执行转换操作。可以使用Angular的内置转换器 lowercase。在组件文件中，导入 LowerCasePipe 并将其注入到组件的构造函数中。

import { Component } from '@angular/core';
import { LowerCasePipe } from '@angular/common';

@Component({
  selector: 'app-your-component',
  template: `
    
  `,
  providers: [LowerCasePipe]
})
export class YourComponent {
  inputValue: string;

  constructor(private lowercasePipe: LowerCasePipe) { }
}

在模板中，将输入字段的 ngModel 绑定到 inputValue 属性，然后通过管道 lowercase 将输入值转换为小写。

注意：在提供商数组中注册 LowerCasePipe 是为了确保每次转换都创建一个新的转换器实例，而不是共享相同的实例。

这样，每当用户在输入字段中输入值时，它都会自动转换为小写。