javascript - 在 Angular ngOptions 中选择时设置所选选项

标签 javascript angularjs

我想在下拉列表中设置选定的选项。

我有两种将数据传递到选择 ng-model 的方法

first: $scope.selectedTeam = $scope.teams[31];

second: $scope.selectedTeam = selectedTeamSrvs.getTeam()

我的 html 选择如下所示:

<select ng-model="selectedTeam" 
    ng-options="team as team.name for team in teams | orderBy:'ID'">
</select>

JSON.stringify($scope.teams[31]) === JSON.stringify(selectedTeamSrvs.getTeam()) 给出 true。 那么为什么只有第一个选项正确设置了所选选项?

最佳答案

By default, ngModel compares by reference, not value.This is important when binding to an array of objects

第二个选项设置不正确,因为 selectedTeamSrvs.getTeam() 返回不同的团队实例,即使它们在字符串化时相等。

关于javascript - 在 Angular ngOptions 中选择时设置所选选项,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29878457/

相关文章:

javascript - 如果打开,更改复选框标签的名称

javascript - Angular.js 服务函数未定义

javascript - AngularJS 转义引号

javascript - ng-model 不能与 AngularJS 中的 ng-value 一起使用

angularjs - 使用 Wordpress REST API 通过 url 获取页面

javascript - 使用 Highcharts 删除 TreeMap 中的第二个工具提示

javascript - 使用 javascript 在更改多重选择时向输入添加值,例如 "input_name[]"

javascript - 调用与调用函数

javascript - (cordova) (inappbrowser) 网站重定向到病毒页面

javascript - 您可以在从服务检索到的 HTML 中使用 Angular 绑定(bind)表达式吗?