Platzhalter nicht mit angular2

Question

arbeitete ich den folgenden Code haben:

<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> 

, in dem der Platzhalter funktioniert nicht mit ANGULAR2.

Bitte lassen Sie mich wissen, wenn Sie mehr benötigen?

Answer 1

Es funktioniert, wenn Sie this.accountId = ""; in Ihrem Konstruktor einrichten.

hier.

Es hat vorher nicht funktioniert, weil ngModel Sie in auswählen. Es wurde versucht, Datenbindung mit Werten zu erstellen, die nicht existieren.

Answer 2

Sie haben keinen Fehler gepostet, dem Sie in Ihrer Frage begegnet sind. aber immer noch von Ihrem Anwendungsfall vorausgesetzt ich eine plnkr geschaffen habe für den same.Try mit diesem Code

<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> 

hier ist plnkr Link http://plnkr.co/edit/JFGhqxugZrSxyiWIzvzu?p=preview