Автоматический выбор не работает в augularjs для ВЫБ.2

Question

<ui-select ng-model="type.selected" theme="bootstrap" > 
    <ui-select-match placeholder="Select Test Type">{{$select.selected.type_name}}</ui-select-match> 
    <ui-select-choices repeat="type in types | filter: $select.search" > 
    <div ng-bind-html="type.type_name | highlight: $select.search"></div> 
    </ui-select-choices> 
</ui-select> 

Angularjs код для автоматического выбора списка

var selected_type_index = $scope.types.map(function(e) { return e.id; }).indexOf(data.test.type_id); 
$scope.types = angular.extend($scope.types, {type:{selected:$scope.types[selected_type_index]}}); 

Объект находится прямо в $scope.types[selected_type_index] но автоматический выбор не работает

Что я делаю неправильно, Или, пожалуйста, предложите любое другое хорошее решение для автоматического выбора.

заранее спасибо

Answer 1

вам нужно просто обновить модель type.selected из ваших ui-select с новым значением, имеющимся в списке. Вы можете обновить модель двумя способами:

1. уровень директивы. <input type="button" ng-click="superhero.selected='Thor'" value = "My Hero !!!">
2. Контроллер уровня. $scope.superhero.selected = "Thor"

Working example @ Codepen

вам, возможно, потребуется обновить это ниже модели в вашем фрагменте кода с соответствующим новым значением.

type.selected = "new value";