将自己的值设置为ng-options并进行第一次检查

时间:2014-06-09 15:04:45

标签: javascript angularjs angularjs-directive angularjs-scope angularjs-ng-repeat

好的,我有以下内容:

$scope.test = [
        {"value" : 0,    "text" : "00:00"},
        {"value" : 900,  "text" : "00:15"},
        {"value" : 1800, "text" : "00:30"}
    ];

在我的选择中我正在做以下事情:

<select ng-model="monday.morning" ng-options="obj.value as obj.text for obj in test">

具有以下结果:

<select ng-model="monday.morning" ng-options="obj.value as obj.text for obj in test">
    <option value="?" selected="selected"></option>
    <option value="0">00:00</option>
    <option value="1">00:15</option>
    <option value="2">00:30</option>
</select>

我想要完成的是将json的值作为选项值。 并且还选择了第一个。这可能是下面的吗?

<select ng-model="monday.morning" ng-options="obj.value as obj.text for obj in test">
    <option value="0" selected="selected">00:00</option>
    <option value="900">00:15</option>
    <option value="1800">00:30</option>
</select>

所以选项中的值基本上与de test array

中的值相对应

1 个答案:

答案 0 :(得分:2)

要设置值,您只需将模型monday.morning设置为选择数组中的某个项目即可。

例如:

$scope.monday.morning = $scope.test[1];