占位符不angular2

-2

我有下面的代码工作：占位符不angular2

<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工作。

如果您需要更多信息，请让我知道吗？

来源

2016-03-27 Kannan M

请，包括代码作为文本而不是图片。它会使其他人更容易帮助您 – Bustikiller

得到解决。看看我的回答 – uksz

它会工作，如果你将在你的构造函数中设置this.accountId = "";。

Plnkr这里。

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

来源

2016-03-27 20:55:43 uksz

没有运气。我试过了:(其他建议？ –

您可以创建plnkr吗？ – uksz

plunker here：http://plnkr.co/edit/e4sXbUJRglpdSjjIFmep?p=preview。占位符文本（Account）不在select中显示。 –

你还没有发布你遇到的问题。但仍假设你的使用情况我已创建使用此代码

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

这里的 same.Try一个plnkr是plnkr链接http://plnkr.co/edit/JFGhqxugZrSxyiWIzvzu?p=preview

来源

2016-03-28 05:50:48

谢谢你。你能否帮我解决这个问题：http://plnkr.co/edit/e4sXbUJRglpdSjjIFmep?p=preview？ –

哎呦，我编辑了你的答案，而不是编辑我的。抱歉! – uksz

@KannanMony你的plnkr工作正常，这里的错误是什么？有一件事更多'禁用=“禁用”选择=“选择”'应该改变'禁用选择'，占位符文本即帐户显示正确在我的系统（mozila和铬最新版本） –

占位符不angular2

回答

相关问题