現在、ドロップダウンリストにui-select(https://github.com/angular-ui/ui-select)を使用しています。 index.htmlファイルにselect.jsとselect.cssを含めました。私はバワーを使って角殺菌剤をインストールしました。角度UIの選択が表示されない
これは私のコントローラは次のようになります。
use strict';
angular.module('myApp.home', [ 'ui.select', 'ngSanitize']).controller('ScheduleCtrl', ScheduleCtrl);
ScheduleCtrl['$inject'] = [ '$stateParams', '$state' ];
function ScheduleCtrl($stateParams, $state) {
var vm=this;
vm.itemArray = [
{id: 1, name: 'first'},
{id: 2, name: 'second'},
{id: 3, name: 'third'},
{id: 4, name: 'fourth'},
{id: 5, name: 'fifth'},
];
vm.scheduleEvents = [{
id:1,
name:'Event1'
},
{
id:2,
name:'Event2'
}];
}
そして、私のビューが含まれています
<ui-select ng-model="selectedItem">
<ui-select-match>
<span ng-bind="$select.selected.name"></span>
</ui-select-match>
<ui-select-choices repeat="item in (vm.itemArray | filter: $select.search) track by item.id">
<span ng-bind="item.name"></span>
</ui-select-choices>
</ui-select>
はしかし、私の見解は空白になり、それは、UI選択ディレクティブを打つことしていないようです。
私はplunkr/jsfiddleがデモに取り組んだ手順を比較しながら、さらにデバッグするのに最適だろうと信じています。http://plnkr.co/edit/juqoNOt1z1Gb349XabQ2?p=preview動作するはずです。コンソールに何かエラーがありますか? –
私は今、plnkrをまとめています。コンソールにエラーはありません。 – erichardson30
は、あなたがする '{{item.nameが}}'の代わりに '<スパンNG-バインド= "item.name">' UI-選択 - 選択肢内部のタグを試してみました@erikSvedinそれだけでは何も表示されないのですか? –