javascript - AngularJS: array[ {{value}} ] 导致我想忽略的解析错误

Question

我有一个从 Controller 获得的选择列表，写法如下:

<select class="input form-control"
    id="animationTime"
    ng-options="item as item.label for item in aniCon.timeOptions track by item.id"
    ng-model="aniCon.popupTime"
    ng-init="aniCon.popupTime = aniCon.timeOptions[{{aniCon.popupTime.id}}]">
</select>

这会导致此处出现解析错误:aniCon.timeOptions[{...，预期值不是 {{..

问题是，当页面加载时，这个值{{aniCon.popupTime.id}}被视为3，然后html是正确的:aniCon.popupTime = aniCon.timeOptions [3]

所以我想以某种方式忽略这个解析错误。

Answer 1

去掉括号。对于 Angular 指令，不需要使用表达式

ng-init="aniCon.popupTime = aniCon.timeOptions[aniCon.popupTime.id]">

正如@Patrick在评论中所说，您应该将初始化代码移至 Controller 。

$scope.aniCon = {};
// Get the object values here
$scope.aniCon.popupTime = $scope.aniCon.timeOptions[$scope.aniCon.popupTime.id];