【问题标题】:md-input placeholder is not working with ngModel value bindingmd-input 占位符不适用于 ngModel 值绑定
【发布时间】:2017-01-26 08:15:53
【问题描述】:

我正在使用 Angular2,最近在项目中添加了 Material。 在尝试转换我的输入时,我遇到了绑定问题。 我将输入与 ngModel 绑定,当这样做时,占位符会一直停留在值上,直到将鼠标悬停在输入上,然后占位符向上移动。 有什么想法吗?

"@angular/common": "^2.4.2", "@angular/material": "^2.0.0-beta.1",

<md-input-container>
    <input md-input placeholder="{{ title | translate}}" [(ngModel)]="value">
</md-input-container>

【问题讨论】:

标签: angular angular-material


【解决方案1】:

根据测试,我找到了将带有翻译的字符串绑定到输入占位符的解决方案(Angular materail 2)

 <md-input-container class="input-container">
      <input mdInput
             name="username"
             ngModel
             placeholder="{{('Username'|translate)+('Or'|translate)+('Email'|translate) }}"
             align="end"
             required="required">
 </md-input-container>

【讨论】:

【解决方案2】:

bug 已修复在 material2.0.0-beta.10

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2019-03-23
    • 1970-01-01
    • 2017-08-28
    • 2016-07-15
    • 2015-03-28
    • 2018-08-08
    • 2012-01-27
    • 2011-11-23
    相关资源
    最近更新 更多