angular-material2 - совпадение значений текстового поля с значением-заполнителем

Question

В приведенном ниже коде не задано правильное значение текстового поля, если оно помещено внутри http. Значение текстового поля перекрывается с использованием значения-заполнителя.

this.http.get('tes.json') 
    .map(response => response.json()) 
    .subscribe(result => { 
    (<FormGroup>this.form) 
     .setValue({food: "test", food1: '123123'}}, {onlySelf: true}); 
    }); 

вот plunker https://plnkr.co/edit/aKZZ9vLLykVSMf3oqFEg?p=preview и ниже изображения, которое демонстрирует этот вопрос

Но работает хорошо, если мы устанавливаем formgroup значение вне HTTP, как это.

(<FormGroup>this.form) 
    .setValue({food: "test", food1: '123123'}}, {onlySelf: true}); 

Может кто-нибудь сообщить мне, что вызывает эту проблему?

Answer 1

ваш this сфера не загружается.

let _self = this; 
this.http.get('tes.json') 
    .map(response => response.json()) 
    .subscribe(result => { 
    (<FormGroup>_self.form) 
     .setValue({food: "test", food1: '123123'}}, {onlySelf: true}); 
    }); 

Answer 2

Эта проблема вызвана новой реализацией mdInput. Будет исправление в следующей версии (2.0.0-beta.2).

Вы могли бы ...

• ждать его,
• захватить текущий мастер или
• вернуться к старому <md-input> элементу, пока новая версия не будет отпущена.

Если вас заинтересовало то, что вызвало это, this pull request должен был устранить проблему.

Answer 3

Все еще есть эта проблема в бета-версии.10.

Если я нажимаю на один вход в виде .. он фиксирует все входы в этой форме

... мой обходной путь сейчас звонит событие щелчка для ввода