Заполнитель не работает с angular2

Question

У меня есть следующий код:

<div class="form-group" [class.has-error]="!account.value && !account.pristine"> 
    <label class="sr-only" for="account">Account</label> <select class="form-control" required [(ngModel)]="model.accountId" ngControl="account" #account="ngForm"> 
    <option value="" disabled="disabled" selected="selected">Account</option> 
    <option *ngFor="#acc of accounts" [value]="acc.id">{{acc.name}}</option> </select> 
</div> 

, в котором Заполнитель не работает с ANGULAR2.

Пожалуйста, дайте мне знать, если вам требуется больше?

Answer 1

Он будет работать, если вы создадите в своем конструкторе this.accountId = "";.

Plnkr здесь.

Он не работал раньше, потому что ngModel вы устанавливаете в select. Он пытается создать привязку данных со значениями, которые не существуют.

Answer 2

Вы не отправили ошибку, с которой столкнулись в своем вопросе. но все же, если предположить, ваш случай использования я создал plnkr для same.Try, используя этот код

<div class="form-group"> 
    <label class="sr-only" for="account">Account</label> 
    <select class="form-control" required #account (change)='selectValue(account.value)'> 
     <option value="" disabled selected>Account</option> 
     <option *ngFor="#acc of accounts" [value]="acc.id">{{acc.name}}</option> 
    </select> 
</div> 

здесь plnkr ссылка http://plnkr.co/edit/JFGhqxugZrSxyiWIzvzu?p=preview