選項元素不默認值-angularJs

Question

我試圖讓一個選項的默認值顯然我不能得到語法正確這是我的代碼看起來像..我使用AnggularJS btw

<select ng-model="post.type" convert-to-number> 
    <option value="1" selected>For Sale</option> 
    <option value="2">Looking For</option> 
    <option value="3">Promo/Events</option> 
</select> 

Answer 1

您需要首先初始化post.type，然後只需設置它的值（通過ng-init或在控制器內部）。確保在進程結束時type是一個字符串值。

<select ng-model="post.type" ng-init="post={type: '1'}"> 
    <option value="1">For Sale</option> 
    <option value="2">Looking For</option> 
    <option value="3">Promo/Events</option> 
</select> 

或控制器代碼內：

$scope.post = { type: '1' }; 

Answer 2

使用NG-INIT屬性，在選擇元件，它從源對象設置爲索引值：

<select ng-init="post.type = YourArray[0]" ng-model="post.type" convert-to-number> 
 
    <option value="1">For Sale</option> 
 
    <option value="2">Looking For</option> 
 
    <option value="3">Promo/Events</option> 
 
</select>