md-input占位符不使用ngModel值绑定

时间:2017-01-26 08:15:53

标签: angular angular-material

我使用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>

enter image description here

2 个答案:

答案 0 :(得分:0)

根据测试,我找到了将字符串与转换绑定到输入的占位符(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>

答案 1 :(得分:0)

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