У меня есть мультивыбор углового-ui, который не показывает значения правильно. Коробка ввода ввода образует простой ящик без оценки моего выражения $item
. Что-то вроде:AngularUI - ui-select несколько значений, которые не отображаются должным образом
HTML:
<ui-select
multiple
ng-model ="allPlatforms.selected" >
<ui-select-match placeholder="Start Typing...">{{$item.allPlatforms}}</ui-select-match>
<ui-select-choices repeat="item in (allPlatforms | filter: $select.search) track by item">
{{item.allPlatforms}}
</ui-select-choices>
<ui-select-no-choice>
Dang! Sorry bro. Couldn't find
</ui-select-no-choice>
</ui-select>
Я два JSON-файлы генерируются и вызывается из сервера.
PFtypes JSON файл выглядит {"allpftypes":["pf1", "pf2"...]}
Контроллер JS
$scope.name={};
$scope.allPlatforms=[];
$http.get('server.com/'+$scope.num).then(function(response){
$scope.name = response.data;
$scope.allPlatforms.selected = [$scope.allPlatforms[0]];
//I will want to do [$scope.allPlatforms[$scope.name.platform_name]] but I've ignored that for now;
});
$http.get('server.com/pftypes').then(function(response){
$scope.allPlatforms = response.data.allpftypes;
});
Если удалить несколько атрибутов и сделать $ выбрать изменения, она работает просто отлично. Я не знаю, какую ужасную ошибку я делаю. Все еще новое в Angular и обучение. Любая помощь будет оценена.
, так как это и есть ответ на ваш вопрос, не стесняйтесь, чтобы отметить свой пост как ответ, чтобы сделать его еще более ясным. – JHixson
Я думал, что сделаю это, но не был уверен. В любом случае, можете ли вы ответить на прокомментированную часть в контроллере JS? Я не уверен, как выполнить это, так как значение 'selected' должно быть таким же, как' $ scope.name.platform_name'. Это будет более широкий и более подходящий ответ на мой вопрос. @JHixson –