我正在使用ngOptions来显示选择元素,并希望将模型连接到ngOptions中设置为值的值。
var app = angular.module('test', []);
app.controller('TestCtrl', ['$scope',
function ($scope) {
//Use random to simulate different data from an API
$scope.default = Math.floor(Math.random()*3);
$scope.options = [
{
id: 0,
name: "Option 1"
},
{
id: 1,
name: "Option 2"
},
{
id: 2,
name: "Option 3"
}
];
}]);
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<div ng-app="test">
<div ng-controller="TestCtrl">
<select ng-model="default" ng-options="val.name for val in options track by val.id">
</select>
<pre>Default should be ID {{default}}, or Option {{default+1}}
</div>
</div>
我已经尝试使用track by
,select as
和我已经发现了两个解决方案的工作,但效果不理想。
理想情况下,我可以设置默认值
// Loop through entire array of objects
$scope.options.forEach(function (v, k) {
// Compare ID to what the default should be
if (v.id === $scope.default) {
// Set object to default
$scope.default = v;
return true;
}
});
JS
$scope.options = {
"Option 1": 0,
"Option 2": 1,
"Option 3": 2
};
的HTML
<select ng-model="default" ng-options="value as key for (key, val) in options">
该解决方案最棘手的是,它只能在对象具有不超过两个值的情况下起作用,因为键不能是对象。
有什么方法可以使Angular通过键设置默认值,而不必包含整个对象?
像这样尝试
<select ng-options="item.id as item.name for item in options" ng-model="selected"></select>
然后在控制器中
$scope.selected = 1;
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句