Javascript 如何在angular 7中设置动态属性

在Html中：

<input class="form-control"[(ngModel)]="value" #muInput/>
<button (click)="onSetAttribute()"> set</button>`

public分隔符：字符串onSetAttribute（）{

if（this.separator）{ this.muInput.nativeElement.setAttribute（'mask'，this.separator）；

this.muInput.nativeElement.setAttribute（'thousandSeparator'，'，'）` }}

---

我想单击“设置掩码属性”按钮以输入此“我的代码”，但它不起作用

您可以执行以下操作：

  <input class="form-control"[(ngModel)]="value" #muInput  [attr.mask]="mask" />
   <button (click)="changeMask()"> set</button>

---

对于

thounandseparator

属性也是如此。

从'@angular/core'导入{Renderer2}
使用RenderR2 setattribute函数

 constructor ( private _renderer: Renderer2) {  }



onSetAttribute() {
this._renderer.setAttribute(this.muInput.nativeElement,'mask' , 'separator.2');
this._renderer.setAttribute(this.muInput.nativeElement,'thousandSeparator' , ',');

}

---

我想在有分隔符值时设置此属性，不always@mehdi你是如何检测分隔符值的？我有一个名为separator的属性，用它来确定你面临的错误是什么？这只是告诉你，你可以使用render2，除此之外，你还可以添加分隔符逻辑没有错误，但分隔符不起作用我希望3位数字分隔3位数字但这并没有发生预期的产出是多少？因此，输入一个数字1000。您希望它显示为1000。请清楚地说明所需的输入和输出

changeMask() { this.mask = 'separator.2' // w/e value }

 constructor ( private _renderer: Renderer2) {  }



onSetAttribute() {
this._renderer.setAttribute(this.muInput.nativeElement,'mask' , 'separator.2');
this._renderer.setAttribute(this.muInput.nativeElement,'thousandSeparator' , ',');

}