分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 运营维护

angularJs实现下拉框多选

发布时间:2023-09-06 01:56责任编辑:蔡小小关键词:暂无标签

话不多说,直接上干货。

肯定需要下拉选插件。必须引入的是   注意 先后顺序

select2.css
select2-bootstrap.css
select2.min.js
angular.min.js
angular-select2.js

ok,然后只需要写上一段代码就ok,如下
<input select2 select2-model="entity.brandIds" ?config="brandList" multiple placeholder=" 选择品牌(可多选) " class="form-control">

解释一下什么意思,

select2-model 意思是你把选中的值都会自动放在这个变量上。
config ?意思是下拉框的数据来源 ?必须符合格式:
$scope.config3 = { ???????data: [{id:1,text:‘bug‘},{id:2,text:‘duplicate‘},{id:3,text:‘invalid‘},{id:4,text:‘wontfix‘}] ???????// 其他配置略,可以去看看内置配置中的ajax配置 ???};
multiple 意思是可以多选

ok 大功告成
 

angularJs实现下拉框多选

原文地址:https://www.cnblogs.com/coder-lzh/p/9096514.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved