Angularjs 角度ui选择(分组依据)初始值始终选择最后一个重复项
如果存在重复的对象属性id,我在选择初始值时遇到问题 foo-bar示例如下: 将喜爱的动物分组:Angularjs 角度ui选择(分组依据)初始值始终选择最后一个重复项,angularjs,ui-select,Angularjs,Ui Select,如果存在重复的对象属性id,我在选择初始值时遇到问题 foo-bar示例如下: 将喜爱的动物分组: {id:'1',text:'dog', group:'Favourite animals'}, {id:'2',text:'parrot', group:'Favourite animals'}, {id:'3',text:'cat', group:'Favourite animals'} 将所有动物分组: {id:'1',text:'dog', group:'A
{id:'1',text:'dog', group:'Favourite animals'},
{id:'2',text:'parrot', group:'Favourite animals'},
{id:'3',text:'cat', group:'Favourite animals'}
将所有动物分组:
{id:'1',text:'dog', group:'All animals'},
{id:'2',text:'parrot', group:'All animals'},
{id:'3',text:'cat', group:'All animals'},
{id:'4',text:'fish', group:'All animals'},
{id:'5',text:'turtle', group:'All animals'},
{id:'6',text:'hamster', group:'All animals'}
狗、鹦鹉和猫事实上是重复的,只有id(绑定模型)
问题是,如果我像这样设置为初始值,ui会选择最后一个:
$scope.model = ['1'];
如果我从下拉列表中选择,一切都可以
有没有办法“告诉”用户界面选择来选择其中的第一个
下面是完整的代码(HTML、js)或示例代码笔
HTML:
<div ng-app="app" class="container">
<div ng-controller="select" class="row">
<div class="col-md-12">
<h1>ui-select (group by) initial value always last problem</h1>
<ui-select theme="bootstrap" ng-model="model[0]">
<ui-select-match>{{$select.selected.text}}</ui-select-match>
<ui-select-choices repeat="value.id as value in options | filter: {text:$select.search}"
group-by="'group'">
<div ng-bind-html="value.text | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
</div>
</div>
</div>
angular.module('app',['ui.select','ngSanitize'])
.controller('select',['$scope',function($scope){
//initial value
$scope.model = ['1'];
//all options
$scope.options = [
//without group
{id:'0', text:'Not chosen',group: undefined},
//favourite animals
{id:'1',text:'dog', group:'Favourite animals'},
{id:'2',text:'parrot', group:'Favourite animals'},
{id:'3',text:'cat', group:'Favourite animals'},
//all animals
{id:'1',text:'dog', group:'All animals'},
{id:'2',text:'parrot', group:'All animals'},
{id:'3',text:'cat', group:'All animals'},
{id:'4',text:'fish', group:'All animals'},
{id:'5',text:'turtle', group:'All animals'},
{id:'6',text:'hamster', group:'All animals'},
]
}]);