具有ng选项的Loudev multiselect
具有ng选项的Loudev multiselect
提问于 2017-03-29 18:53:57
我正在尝试实现具有角ng选项的loudev多重选择。问题是，它不返回错误，但选择列表是空的。
<select ng-options="item.label for item in list"
lp-multi-select multiple="multiple"
class="multi-select" ng-model="$scope.selected"></select>回答 1
Stack Overflow用户
发布于 2017-03-29 19:42:16
您不能在ng-模型中写入"$scope“，因为它没有定义there.So，在角控制器js中的规则是"$scope.selected”，与ng模型中的"selected“相同，例如-
ng-模型=“选定”
如果这样做，它将返回您的多个选择选项，因为object.you数组可以看到下面的示例(选择两个选项，然后单击check按钮查看结果)
<!DOCTYPE html>
<html>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.8/angular.min.js"></script>
<body>
<div ng-app="myApp" ng-controller="datCtrl">
<select ng-options="item.label for item in list" multiple="multiple" class="multi-select" ng-model="selected">
</select>
<button ng-click="checkM()">Check</button>
</div>
<script>
var app = angular.module('myApp', []);
app.controller('datCtrl', function ($scope) {
$scope.list=[{id:1,label:"banana"},{id:2,label:"mango"},{id:3,label:"apple"},{id:4,label:"water melon"}];
$scope.checkM=function (){
console.log($scope.selected);
};
});
</script>
</body>
</html>
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/43107679
复制
相似问题
jQuery Loudev multiselect不起作用
应用jquery插件: loudev.com multiselect
动态设置ng-dropdown-multiselect的设置选项
Angular ng-multiselect-dropdown中的预选选项
带有ng-脏ng-有效的MultiSelect
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
