角变值为lowerCase

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

您可以使用角管道-> 链接

官方网站上的例子：

@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; }
}

你说的是什么意思：“我怎么才能用get()做这件事呢？”

评论后的编辑：

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