javascript - Angularjs ng-options选择下拉列表的值

Question

我使用自定义指令在下拉列表中显示年份。这是指令的模板。

template: '<select class="form-control" ng-model="joining.Year" ng-options="year for year in Years"></select>'

Html就是这样的

<div years-dropdown range="50"></div>

Years 是一个字符串数组。年份字段在我的服务器端模型上是字符串类型。所选值已正确存储在数据库中，但是当我重新加载页面(从数据库中获取模型)时，我得到了正确的值我的 Controller ，但值未按下拉列表中的选择显示。

编辑 更重要的是，当我更改下拉列表的选择并检查 html 时，它仍然显示默认值(第一个选项具有选定属性)。但是我的范围对象已正确更新。

Answer 1

问题是 $scope.joining.Year 和 Years[$index] 不是同一个对象引用。我不相信 ngOptions 指令使用等价逻辑。因此，这是手动执行此操作的修复方法(将其放入您的 .then() 函数中:

for(var i = 0; i < $scope.Years.length; ++i) {
    if(angular.equals($scope.Years[i], $scope.joining.Year) {
        //the fix to get years[i] if it's equal to joining.Year
        $scope.Years[i] = $scope.joining.Year;
    }
}

//finally, apply data into joining
angular.extend($scope.joining, data);