多选插件 - 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>
错误:
谁能帮我看看哪里错了?
我试过了,它对我有用
将第 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
Include following dependency as recommenced by library
https://github.com/dotansimha/angularjs-dropdown-multiselect#dependencies
依赖关系:
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>
我正在为 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>
错误:
谁能帮我看看哪里错了?
我试过了,它对我有用
将第 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
Include following dependency as recommenced by library https://github.com/dotansimha/angularjs-dropdown-multiselect#dependencies
依赖关系:
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>