角度变化形式值降低

时间:2018-09-10 11:51:55

标签: angular-reactive-forms

我有一个反应形式:

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

,我想更改form.value.login.toLowerCase()中的所有内容。我该如何使用get()来做到这一点?

1 个答案:

答案 0 :(得分:2)

您可以使用角形管道-> 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; }
}

您的意思是:“如何使用get()做到这一点”

评论后进行编辑:

如果要以小写形式发送,只需在.ts文件中使用js的str.toLowerCase(),然后再将其发送到服务即可-如此简单。.)