AngularJs MultiSelect组件

程序开发 2023-09-13 18:19:17

2019独角兽企业重金招聘Python工程师标准>>>

AngularJs MultiSelect 是一个纯AngularJS指令，用于创建多选或单选下拉菜单按纽。不需要jQuery，并且能够很好兼容其它 Javascript 库。

特性：

下载：

https://github.com/isteven/angular-multi-select

使用方法及demo：

http://isteven.github.io/angular-multi-select/#/demo-minimum

基本配置：

HTML代码：

controller数据结构：
 $scope.modernBrowsers = [{	icon: "[...]/opera.png...",	name: "Opera",	maker: "Opera Software",	ticked: false	}{	icon: "[...]/internet_explorer.png...",	name: "Internet Explorer",	maker: "Microsoft",	ticked: false	}{	icon: "[...]/firefox-icon.png...",	name: "Firefox",	maker: "Mozilla Foundation",	ticked: true	}{	icon: "[...]/safari_browser.png...",	name: "Safari",	maker: "Apple",	ticked: false	}{	icon: "[...]/chrome.png...",	name: "Chrome",	maker: "Google",	ticked: true	}
 ];输出的数据结构：
 $scope.outputBrowsers = [{	icon: "[...]/firefox-icon.png...",	name: "Firefox",	maker: "Mozilla Foundation",	ticked: true	}{	icon: "[...]/chrome.png...",	name: "Chrome",	maker: "Google",	ticked: true	}
 ];

效果图：

转载于:https://my.oschina.net/u/2391658/blog/869099

标签：

上一篇： Android混淆打包配置总结下一篇：

AngularJs MultiSelect组件

特性：

下载：

使用方法及demo：

基本配置：

效果图：

热门文章

最新文章

标签列表