2014-06-30 88 views
0

DEMOAngularJS - 與NG-模式

選擇默認值,我有我使用ng-model獲取所選值的選擇標記。選擇標籤顯示空的第一個值,它應該顯示Choose。我做錯了什麼?

<select ng-model="todo.opts"> 
    <option>Choose</option> 
    <option><25%</option> 
    <option>25-50%</option> 
    <option>>50%</option> 
</select> 

回答

3

因爲你的模式將是空的,首先,你可以很容易地給它一個空值選擇Choose選項:

<div ng-app="app" ng-controller="myCtrl"> 
    <select ng-model="opts"> 
     <option value="">Choose</option> 
     <option><25%</option> 
     <option>25-50%</option> 
     <option>>50%</option> 
    </select> 
</div> 

這裏是一個updated fiddle

+0

沒錯的方式檢查文檔,但你應該寧願放棄一個值,所有這些選項,並設置在您的控制器 – edi9999

+1

默認值@ edi9999或使用'NG-init'設置默認 – Jorg

3

嘗試將範圍中的todo.opts變量設置爲您想要選爲默認值的值。 通過爲NG選項