2016-09-09 10 views
1

У меня есть мультивыбор углового-ui, который не показывает значения правильно. Коробка ввода ввода образует простой ящик без оценки моего выражения $item. Что-то вроде:AngularUI - ui-select несколько значений, которые не отображаются должным образом

No Expression Evaluation

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 и обучение. Любая помощь будет оценена.

ответ

0

Только что понял, что я уже был внутри массива allplatforms и полностью отсутствовал там. Это должно быть только $item вместо $item.allplatforms.

<ui-select 
    multiple 
    ng-model ="allPlatforms.selected" > 
    <ui-select-match placeholder="Start Typing...">{{$item}}</ui-select-match> 
    <ui-select-choices repeat="item in (allPlatforms | filter: $select.search) track by item"> 
    {{item}} 

    //or 
    //<div ng-bind-html="item | highlight: $select.search"></div> 

    </ui-select-choices> 
    <ui-select-no-choice> 
     Dang! Sorry bro. Couldn't find 
    </ui-select-no-choice> 
</ui-select> 

Оставляя это в качестве ответа, на всякий случай кто-то сталкивается с аналогичной проблемой ui-select-multiple. Мир!

Любые дальнейшие изменения приветствуются :)

+0

, так как это и есть ответ на ваш вопрос, не стесняйтесь, чтобы отметить свой пост как ответ, чтобы сделать его еще более ясным. – JHixson

+0

Я думал, что сделаю это, но не был уверен. В любом случае, можете ли вы ответить на прокомментированную часть в контроллере JS? Я не уверен, как выполнить это, так как значение 'selected' должно быть таким же, как' $ scope.name.platform_name'. Это будет более широкий и более подходящий ответ на мой вопрос. @JHixson –

Смежные вопросы