ng-dropdown-multiselect 库不适合我答案

【问题标题】：ng-dropdown-multiselect library not working for meng-dropdown-multiselect 库不适合我
【发布时间】：2018-04-26 21:13:20
【问题描述】：

我发现这个很酷的库可以用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>

这在我的控制器中：

$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>

【问题讨论】：

您在 Chrome 控制台中看到任何错误吗？按 F12 告诉我你看到了什么。
这是为了工作，所以很遗憾我不能给你截图，但我可以验证 chrome 控制台中没有 stdout/stderr 输出。
这就是问题所在，我真的不知道可能出了什么问题
也许我应该检查一下指令是否存在——也许是这个？ stackoverflow.com/questions/12544125/…
或者如果模块中缺少任何依赖项。

标签： angularjs twitter-bootstrap-3 html twitter-bootstrap-3 angularjs ng-dropdown-multiselect javascript html angularjs twitter-bootstrap-3 ng-dropdown-multiselect

【解决方案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']);

现在它“工作”了

呃，一定喜欢前端开发，哈哈

【讨论】：

【解决方案2】：

var app = angular.module('app', [
    'ngAnimate',
    'ui.select',
    'ngSanitize',
    'ui.router',
    'ui.bootstrap',
    'ui.jq',
    'app.directive.voucherView',
    'abp'
]).filter('angularjs-dropdown-multiselect', function () { });

【讨论】：