时间戳

首页 > 解决方案 > 角度将表单值更改为小写

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()？

标签： angular-reactive-forms

解决方案

你可以使用角管->链接

来自官网的例子：

@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()，然后再将其发送到服务 - 就这么简单.. ;)

推荐阅读