Библиотека ng-dropdown-multiselect не работает для меня
Я нашел эту классную библиотеку для выпадающего меню с angularjs + /questions/tagged/twitter-bootstrap-3, здесь: http://dotansimha.github.io/angularjs-dropdown-multiselect/docs.
Я следую за примерами, у меня есть это в моем HTML:
<div ng-dropdown-multiselect="" options="stringData" selected-model="stringModel" extra-settings="stringSettings">
</div>
И это в моем контроллере:
$scope.stringData = ['a', 'b', 'c'];
$scope.stringModel = [];
$scope.stringSettings = {
template: '{{option}}',
smartButtonTextConverter: function(skip, option) {
return option;
},
};
И все же, абсолютно ничего не отображается на странице.:(
У кого-нибудь есть идеи, что может быть не так?
У меня есть /questions/tagged/twitter-bootstrap-3, angularjs и /questions/tagged/ng-dropdown-multiselect, загруженные в следующем порядке:
<script type="text/javascript" src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript" src="lib/angular/angular.js"></script>
<script type="text/javascript" src="lib/angularjs-dropdown-multiselect/dist/src/angularjs-dropdown-multiselect.js"></script>
1 ответ
Когда я добавляю зависимость здесь:
angular.module('app', ['ui.router', 'ngAnimate', 'ngSanitize', 'ngDropdownMultiselect']);
Я получаю эту ошибку:
jquery.min.js:2 Uncaught Error: [$injector:modulerr] Failed to instantiate module app due to:
Error: [$injector:modulerr] Failed to instantiate module ngDropdownMultiselect due to:
Error: [$injector:nomod] Module 'ngDropdownMultiselect' is not available! You either misspelled the module name or forgot to load it. If registering a module ensure that you specify the dependencies as the second argument.
http://errors.angularjs.org/1.6.1/$injector/nomod?p0=ngDropdownMultiselect
Поэтому я проверил документы (снова), и он говорит, чтобы использовать это вместо
angular.module('app', ['ui.router', 'ngAnimate', 'ngSanitize', 'angularjs-dropdown-multiselect']);
теперь это "работает"
Тьфу, должен любить развитие внешнего интерфейса LOL
var app = angular.module('app', [
'ngAnimate',
'ui.select',
'ngSanitize',
'ui.router',
'ui.bootstrap',
'ui.jq',
'app.directive.voucherView',
'abp'
]).filter('angularjs-dropdown-multiselect', function () { });