角度バージョン: AngularJS v1.3.6 http://github.com/angular-ui/ui-select : バージョン: 0.8.3
var p1 = { 名前: 'Ramesh', 電子メール: 'Ramesh@email.com', 年齢: 99 };
$scope.people = [
{ name: 'Amalie', email: 'amalie@email.com', age: 12 },
{ name: 'Wladimir', email: 'wladimir@email.com', age: 30 },
{ name: 'Samantha', email: 'samantha@email.com', age: 31 },
{ name: 'Estefanía', email: 'estefanía@email.com', age: 16 },
{ name: 'Natasha', email: 'natasha@email.com', age: 54 },
{ name: 'Adrian', email: 'adrian@email.com', age: 21 },
p1
];
$scope.people.selected = p1 ;
html :
<ui-select class="full-width-select select" ng-model="people.selected" theme="select2">
<ui-select-match allow-clear="false">{{$select.selected.name}}</ui-select-match>
<ui-select-choices repeat="person in people | filter:$select.search">
<div ng-bind-html="person.name | highlight: $select.search"></div>
</ui-select-choices>
</ui-select>
問題は、p1 がプログラムで選択されている場合です。
ui-select ドロップダウンで p1 オブジェクトが強調表示されません。
出力は次のとおりです。