选项元素不默认值-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>