ng-dropdown-multiselect使用

下拉多选框
1.ng-dropdown-multiselect使用
下载并引用ng-dropdown-multiselect.js文件，
Html文件：
《div> ng-dropdown-multiselect="" style=“margin-top:6px” options=“modalityTypes” selected-model=“modalityTypesModel” extra-settings=“modalityTypeSetting” translation-texts=“modalityTypeCustomTexts”>
《/div>
Js文件：
$scope.modalityTypesModel = [];
$scope.modalityTypeSetting = {
enableSearch: true,
searchField: ‘name’,
showSelectAll: true,
keyboardControls: true,
displayProp: ‘name’,
scrollableHeight: ‘100px’,
smartButtonMaxItems: 6,
smartButtonTextConverter: function (itemText, originalitem) {
return itemText;
}
};
$scope.modalityTypeCustomTexts = {
buttonDefaultText: $translate.instant(‘ModalityType’),
checkAll: $translate.instant(‘CheckAllType’),
uncheckAll: $translate.instant(‘UncheckAllType’),
searchPlaceholder: $translate.instant(‘Search’)
};
$scope.modalityTypes= [ {id: 1, name: “David”}, {id: 2, name: “Jhon”}, {id: 3, name: “Danny”} ];
参考网址： http://dotansimha.github.io/angularjs-dropdown-multiselect/docs/#/main

ng-dropdown-multiselect使用相关推荐

在Angular 8中使用自定义MultiSelect下拉菜单创建动态行
目录介绍如何工作? 先决条件使用代码第1步第2步第3步第4步第5步第6步第7步第8步第9步第10步第11步结论介绍在本文中,我们将学习如何使用Angular 8创建动 ...
jquery multiSelect 多选下拉框
$("#id").multiSelect({ oneOrMoreSelected: '*',selectAll:false,noneSelected:'默认显示' }); Usag ...
ng new ng-pro 报错(创建angular6项目报错)
1.安装nodejs D:\develop\nodejs 2.配置node npm环境变量,npm本地仓库指向自定义目录原npm仓库位置C:\Users\Administrator\AppData ...
ng命令汇总：Angular CLI 使用教程指南参考
Angular CLI 使用教程指南参考 Angular CLI 现在虽然可以正常使用但仍然处于测试阶段. Angular CLI 依赖 Node 4 和 NPM 3 或更高版本. 安装要安装Ang ...
angular蚂蚁_Angular 中后台前端解决方案 - Ng Alain 介绍
背景之前项目使用过vue.js+iview,习惯了后端开发的我,总觉得使用不习惯,之前分析易企秀前端代码,接触到了angular js,完备的相关功能,类似后端开发的体验,让人耳目一新,全新的ang ...
基于Bootstrap里面的Button dropdown打造自定义select
最近工作非常的忙,在对一个系统进行改版.项目后台是MVC1.0开发的,但是前端部分已经改过几个版本,而已之前的设计师很强大,又做设计又做前端开发.而已很时尚和前沿,使用了一直都很热门的Bootstra ...
【转】NG：垂枝桦基因组图谱构建（2+3组装）及重测序分析
[转]NG:垂枝桦基因组图谱构建(2+3组装)及重测序分析转自希望组公众号.学习二代+三代组装策略的流程垂枝桦(Betula pendula)是一种速生乔木,能在短短一年时间内开花,木质坚实,可做 ...
Flume(NG)架构设计要点及配置实践
Flume(NG)架构设计要点及配置实践 http://shiyanjun.cn/archives/915.html 转载于:https://blog.51cto.com/vikenxu/165732 ...
OCS Inventory NG使用之在windows 2008 R2平台下安装服务器端(三）
声明:鉴于本文篇幅比较长,为了不让广大博友产生阅读疲劳,所以进行了分割,如果要全篇阅读文章,请点击文章底部的链接,对此产生的不便,深表抱歉. (图3.10) <?xml:namespace ...
机器学习-Andrew Ng课程笔记
本文是参考Andrew Ng网上课程和别人总结的机器学习笔记,作为笔者学习的参考,笔者主要实现了一些程序问题. 持续更新中- 1 两个参数梯度下降法现在有一组数据,plot之后如下图 x = np. ...

ng-dropdown-multiselect使用

ng-dropdown-multiselect使用相关推荐

最新文章

热门文章