2016-02-22 3 views
2

Я использую следующий плагин «MultiSelect» для Angular.js. Я думаю, что правильно использую код, но все же я получаю ошибки только на веб-странице, а не в каких-либо выпадающих меню.Multiselect Plugin - AngularJs - Не работает должным образом

Plugin Использована

http://dotansimha.github.io/angularjs-dropdown-multiselect/#/

HTML:

<html> 
<head> 
    <!-- CSS files --> 
    <link rel="stylesheet" src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.6/css/bootstrap.min.css"> 
    <!-- Script files --> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.4.8/angular.min.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-bootstrap/1.1.2/ui-bootstrap-tpls.min.js"></script> 
    <script src="angularjs-dropdown-multiselect.min.js"></script> 
</head> 
<body ng-app="myApp" ng-controller="myCtrl"> 
<div ng-dropdown-multiselect="" options="listOptions" selected-model="list"></div> 
<script> 
//module declaration 
var app = angular.module('myApp',['ui.bootstrap','angularjs-dropdown-multiselect']); 
//controller declaration 
app.controller('myCtrl',function($scope){ 
    $scope.list = []; 
    $scope.listOptions = [ 
     {id: 1, label: "David"}, 
     {id: 2, label: "Jhon"}, 
     {id: 3, label: "Danny"} 
    ]; 
}); 
</script> 
</body> 
</html> 

Ошибка:

enter image description here

Может кто-то помочь мне говорить, где я не прав?

+1

Я думаю, что есть открытая проблема в GitHub, пожалуйста, обратитесь, пожалуйста, попробуй https://github.com/dotansimha/angularjs-dropdown-multiselect/issues/22 хак, представленный в последнем комментарии – Rahul

+0

Так что плагин не работает очень красиво и не имеет настройки, я придумал свой собственный. Возможно, это тоже работает для вас: https://github.com/ybrodsky/angularjs-taira-multiselect – yBrodsky

ответ

4

Зависимости:

AngularJS> = 1.2, Lodash> = 2, Bootstrap> = 3.0

Примечание: Убедитесь в том, чтобы добавить lodash.js в свой проект, и убедитесь, что вы используете регулировал версию Lodash (НЕ lodash.underscore или lodash.compat

Добавьте lodash CDN перед загрузкой angularjs-dropdown- MultiSelect:

<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.5.1/lodash.js"></script> 
    <script src="angularjs-dropdown-multiselect.min.js"></script> 
1

Я попытался это и его работа для меня

Заменить № строки 180 angularjs-выпадающие-multiselect.js с кодом ниже

if ($scope.settings.dynamicTitle && $scope.selectedModel && ($scope.selectedModel.length > 0 || (angular.isObject($scope.selectedModel) && _.keys($scope.selectedModel).length > 0))) { 

Кредиты https://github.com/dotansimha/angularjs-dropdown-multiselect/pull/60/files

Include following dependency as recommenced by library https://github.com/dotansimha/angularjs-dropdown-multiselect#dependencies

+0

После этого получилось 2 ошибки: 1) Uncaught SyntaxError: Uncaught SyntaxError: Неожиданный токен else в строке № 213 в прикрепленном файле js , 2) Неиспользованная ошибка: [$ injector: modulerr] http://errors.angularjs.org/1.4.8/$injector/modulerr?p0=myApp&p1=Error%3A%2...udflare.com%2Fajax%2Flibs% 2Fangular.js% 2F1.4.8% 2Fangular.min.js% 3A19% 3A463) [angular.js-38] – Deadpool

+0

включите в проект проект lodash.js. Дайте мне знать, исправляет ли ваша проблема – Rahul