md-input placeholder не работает с привязкой ngModel value

Я использую Angular2, недавно добавленный материал к проекту. при попытке конвертировать мои входы, я столкнулся с проблемой со связыванием. Я привязываю вход с помощью ngModel, и при этом местозаполнитель остается на значении до наведения на вход, затем заполнитель поднимается вверх. любая идея?md-input placeholder не работает с привязкой ngModel value

"@ угловом/общее": "^ 2.4.2", "@ угловой/материал": "^ 2.0.0-beta.1",

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

источник

2017-01-26 eyalewin

, пожалуйста, воспроизведите здесь: https://plnkr.co/edit/FBcTUXg5qQP0MLE1BgiT?p=preview – micronyks

@micronyks значение приходит как @Input(), не уверен, как это сделать в plnkr. – eyalewin

Нет проблемы. Вы можете поместить значение без @input на данный момент. забыть о детском компоненте или о чем-то. просто воспроизведите его. Моя проблема заключается только в том, чтобы перевести api так, чтобы вы ее воспроизвели. – micronyks

По для тестирования, я нашел решение, чтобы связать строку с переводом на заполнитель ввода (угловые 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>

источник

2017-02-22 15:35:58

Извините, но я не понял разницы между вашим решением. – eyalewin

ok Я получил вашу мысль. потому что вы используете onPush, так что это проблема. Вы пробовали последнюю версию бета2? Я просто использую официальный плункер, чтобы сделать демо с стратегией onPush, и дисплей в порядке. см. http://plnkr.co/edit/S7w9rcqAE4NU4Lapeu6D?p=preview –

, у нас есть некоторые отличия в нашем коде, посмотрите https://plnkr.co/edit/x8RW54MZMQz6gjAe3mPR?p=preview, у меня есть компонент, который имеет селектор и @Input – eyalewin

ошибка была зафиксирована на уровне material2.0.0-beta.10

источник

2017-09-27 09:49:34 eyalewin

md-input placeholder не работает с привязкой ngModel value

ответ

Смежные вопросы