Option元素不默认为值-angularJs

时间:2015-08-08 20:37:26

标签: javascript angularjs

我正在尝试将选项设为默认值,显然我无法正确使用语法这就是我的代码看起来像...我正在使用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>

2 个答案:

答案 0 :(得分: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' };

答案 1 :(得分:0)

在select元素中使用ng-init属性并将其设置为源对象的索引值:

&#13;
&#13;
<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>
&#13;
&#13;
&#13;