angular - 如何获取表单输入的 Validators.minLength 并在 html 中动态设置它?

标签 angular typescript angular9

我有一个 angular 表单,我想在 html 输入标签中使用表单“Validators.minLength”的值。
我想知道是任何直接从 html 中的表单验证器使用的方法;
样本:
[maxLength]="form.get('zipCode').validators('maxLength)"
我的 ts 代码是:

            zipCode: [ '', [
                Validators.required,
                Validators.maxLength(10),
                number,
            ],
和 html 是:
                        <input type="tel"
                               formControlName="zipCode"
                               [maxLength]="10"  // here I want insert dynamic number from ts file
                               placeholder="insert your zip code">
坦克为您提供帮助。

最佳答案

TS

this.maxLength=10;
zipCode: [ '', [
                Validators.required,
                Validators.maxLength(this.maxLength),
                number,
            ],
HTML
<input type="tel" formControlName="zipCode" placeholder="insert your zip code">

关于angular - 如何获取表单输入的 Validators.minLength 并在 html 中动态设置它?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/64350781/

相关文章:

Typescript:是否可以确保键和内部值是相同的字符串?

Angular 9 : List user details on GUI

Angular 2 - 异常 : _this. 订阅不是函数 - 自定义验证

maven - 如何将angular2与spring boot一起使用

angular - 如何使用 Angular 2/4 以编程方式使用 'name/selector of the component' 添加带有组件的新选项卡?

angular - 如何在 rxjs retryWhen 方法中使用 Angular 服务

javascript - 查找回文逻辑中的边缘情况

typescript - 强制执行显式函数返回类型注释?

使用@ngneat/until-destroy npm 包取消订阅 Angular 9 observable

javascript - Angular 9 - 本地引用,#, View 子,@ViewChild