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值在類中的任何地方。