占位符不适用于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 这里

之前是不行的，因为你在select设置的ngModel。它正在尝试使用不存在的值创建数据绑定。

Answer 2

您还没有发布您在问题中遇到的错误。但仍然假设你的用例我已经为 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>

这里是plnkrlinkhttp://plnkr.co/edit/JFGhqxugZrSxyiWIzvzu?p=preview

占位符不适用于angular2

Placeholder not working with angular2

angular2-forms

angular