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 是一个字符串数组。Year 字段在我的服务器端模型上是字符串类型。所选值正确存储在数据库中，但是当我重新加载页面（从数据库中获取模型）时，我得到了正确的值我的控制器，但值未显示为在下拉列表中选择。

编辑 还有一件事，当我更改下拉列表的选择并检查 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);