角度为4的动态minlength属性

Question

我正在开发角度4应用程序。我想让我的输入值最小长度动态。它需要在一些可配置的文件中设置它。在我的组件中，我正在阅读它并将其复制到一些变量中。现在我需要将该变量设置为minLength属性。但它不起作用。有些人可以帮我解决问题。提前谢谢。

<input type="text" [(ngModel)]="emp.firstName" required name="firstName"  #firstnameEl="ngModel" minlength= "nameMinLength">

组件：

this.nameMinLength = UserSettings.NAME_MIN_LENGTH;
console.log("Minimum length is" + this.nameMinLength);

在控制台上，我得到正确的值为12。

Answer 1

使用属性绑定，而不是像这样

<input type="text" [(ngModel)]="emp.firstName" required name="firstName"  #firstnameEl="ngModel" [minlength]= "nameMinLength">

现在，您只是动态地为属性赋值。 要实现这一点，您必须使用属性绑定进行设置。

[minlength]= "nameMinLength"

或

minlength= {{nameMinLength}}