javascript - Angular 2 Material Input动态更改占位符

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>

组件.ts

somePlaceholder : string = "new value";

现在您可以在类中的任何位置更改 somePlaceholder 值。