angularJs
我遇到了一个特殊问题。我做了一个选择
<select
data-ng-model="mySelect"
data-ng-options="d.value as d.name group by d.gr for d in datasForSelect"
>
一切都很好,但后来,我的脚本将一个新元素推送到datasForSelect
数组中。
视图还可以,新选项在我的选择中,在正确的位置,很酷。但如果我选择此选项,{{mySelect}}
会给我错误的价值。
我认为,我需要写一些东西而不是简单的{{}}
类型数据绑定,但我是新手,我不知道,什么是最佳解决方案。
答案 0 :(得分:2)
它有效,请查看我的示例:http://plnkr.co/edit/TAZf8M12bQl3aCvrWg9y JS:
function TestCtrl($scope) {
$scope.mySelect = '1';
$scope.datasForSelect = [
{name: 'test1', value: '1'},
{name: 'test2', value: '2'},
{name: 'test3', value: '3'}
];
$scope.add = function() {
$scope.datasForSelect.push({name: 'test4', value: '4'});
}
}
HTML:
<div ng-controller="TestCtrl">
<select ng-model="mySelect" ng-options="date.value as date.name for date in datasForSelect"></select>
<button ng-click="add()">Add</button>
<span ng-bind="mySelect"></span>
</div>