gpt4 book ai didi

javascript - 多选插件 - AngularJs - 无法正常工作

转载 作者:行者123 更新时间:2023-11-29 16:51:39 26 4
gpt4 key购买 nike

我正在为 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>

错误:

enter image description here

谁能帮我指出我哪里错了?

最佳答案

依赖关系:

AngularJS >= 1.2,Lodash >= 2,Bootstrap >= 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>

关于javascript - 多选插件 - AngularJs - 无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/35549636/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com