簡體   English   中英

多選插件-AngularJs-無法正常工作

[英]Multiselect Plugin - AngularJs - Not working properly

我正在為Angular.js使用以下“ MultiSelect”插件。 我認為我正確地使用了代碼,但仍然只在網頁上出現錯誤,而不是任何下拉菜單。

使用的插件:

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> 

錯誤:

在此處輸入圖片說明

有人可以幫我告訴我哪里錯了嗎?

依賴關系:

AngularJS> = 1.2,Lodash> = 2,引導程序> = 3.0

注意:確保將lodash.js添加到您的項目中,並確保使用Lodash的規范版本(不要lodash.underscore或lodash.compat

在加載angularjs-dropdown-multiselect之前添加lodash CDN:

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

我嘗試了這個並且對我有用

用下面的代碼替換第180行angularjs-dropdown-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

按照庫https://github.com/dotansimha/angularjs-dropdown-multiselect#dependencies的建議包括以下依賴項

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM