佔位符不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

回答

相關問題