我有以下代码:
<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一起使用。
如果您需要更多信息,请告诉我?
答案 0 :(得分:3)
答案 1 :(得分:3)
您没有发布您在问题中遇到的错误。但仍然通过假设你的用例我已经创建了一个plnkr 相同。尝试使用此代码
<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