Angular 2 Material动态输入更改占位符动态

Question

我想要动态更改输入占位符的文本。 console.log已经给出了更新后的字符串，但是接口并没有更新，因此保留了旧的占位符。 如何让界面识别更改？

document.getElementById(this.implicKey).setAttribute('placeholder', options[i].implication); 

console.log(document.getElementById(this.implicKey).getAttribute('placeholder')); 

Answer 1

可以动态改变你的输入占位这样

<md-input-container class="demo-full-width"> 
       <input mdInput [(ngModel)]="firstname" placeholder="{{somePlaceholder}}" name="firstname" required> 
       <md-error>This field is required</md-error> 
      </md-input-container> 

component.ts

somePlaceholder : string = "new value"; 

现在你可以改变somePlaceholder值在类中的任何地方。