Angular 将表格值更改为小写

Question

我有反应形式：

this.form = this.formBuilder.group({
        firstName: ['', [Validators.required, Validators.minLength(3)]],
        login: ['', [Validators.required, Validators.minLength(4)]],
    });

我想更改 form.value.login.toLowerCase() 中的任何内容。我怎样才能用 get() 做到这一点？

Answer 1

你可以使用 angular 管道 -> Link

官网示例：

@Component({
  selector: 'lowerupper-pipe',
  template: `<div>
    <label>Name: </label><input #name (keyup)="change(name.value)" type="text">
    <p>In lowercase: <pre>'{{value | lowercase}}'</pre>
    <p>In uppercase: <pre>'{{value | uppercase}}'</pre>
  </div>`
})
export class LowerUpperPipeComponent {
  // TODO(issue/24571): remove '!'.
  value !: string;
  change(value: string) { this.value = value; }
}

你是什么意思："How can I do that with get()"

评论后编辑：

如果您想以小写形式发送它，只需在您的 .ts 文件中使用 js 的 str.toLowerCase()，然后再将其发送到服务 - 就这么简单..;)

Angular 将表格值更改为小写

Angular change form value to lowerCase

angular-reactive-forms