占位符未使用angular2

时间:2016-03-27 20:52:32

标签: angular angular2-forms

我有以下代码:

<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一起使用。

如果您需要更多信息,请告诉我?

2 个答案:

答案 0 :(得分:3)

如果您在构造函数中设置this.accountId = "";,它将起作用。

Plnkr此处。

之前没有用,因为您在select中设置了ngModel。它试图用不存在的值创建数据绑定。

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