我发现这个很酷的库可以用angularjs来做下拉菜单+ 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>
这在我的 Controller 中:
$scope.stringData = ['a', 'b', 'c'];
$scope.stringModel = [];
$scope.stringSettings = {
template: '{{option}}',
smartButtonTextConverter: function(skip, option) {
return option;
},
};
但是,页面上绝对没有呈现任何内容。 :(
有人知道可能出了什么问题吗?
我有twitter-bootstrap-3 , angularjs和 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>
最佳答案
当我在此处添加依赖项时:
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']);
现在它“起作用了”
呃,一定要热爱前端开发哈哈
关于javascript - ng-dropdown-multiselect 库不适合我,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47277018/