Angularjs 动态设置ng下拉列表multiselect的设置选项
如何动态设置ng下拉列表multiselect的设置选项,如设置数据,是否可行 在这里查看: 看法Angularjs 动态设置ng下拉列表multiselect的设置选项,angularjs,angularjs-directive,ng-dropdown-multiselect,Angularjs,Angularjs Directive,Ng Dropdown Multiselect,如何动态设置ng下拉列表multiselect的设置选项,如设置数据,是否可行 在这里查看: 看法 //HTML //JS $scope.example65model=[]; 函数abc//可以是任何内容(){ var allData=hrmsService.getdata//Service函数调用(); 然后(函数(//获取任何变量//pqr){ DataObj=[]; 用于(pqr数据中的var i){ 项目={} 项目[“id”]=pqr.data[i].id//主键; item[“la
//HTML
//JS
$scope.example65model=[];
函数abc//可以是任何内容(){
var allData=hrmsService.getdata//Service函数调用();
然后(函数(//获取任何变量//pqr){
DataObj=[];
用于(pqr数据中的var i){
项目={}
项目[“id”]=pqr.data[i].id//主键;
item[“label”]=apiSkills.data[i]。描述//任何描述字段;
数据对象推送(项目);
}
$scope.example65data=DataObj;
},函数(){
警报(“未找到数据”);
});
}
试试这个
//HTML
<div
ng-dropdown-multiselect=""
options="tabListdata"
selected-model="tabListmodel"
extra-settings="tabListsettings"
events="{ onSelectionChanged: getAllPolicies }"
>
</div>
//JS
$scope.tabListmodel = [];
$scope.tabListdata = [{
id: 1,
label: "Option 1"
}, {
id: 2,
label: "Option 2"
}, {
id: 3,
label: "Option 3"
}, {
id: 4,
label: "Option 4"
}, {
id: 5,
label: "Option 5"
}, {
id: 6,
label: "Option 6"
}];
$scope.tabListsettings = {
smartButtonMaxItems: 6,
smartButtonTextConverter: function (itemText, originalItem) {
return itemText;
}
};
$scope.getAllPolicies = function () {
console.log("$scope.tabListmodel", $scope.tabListmodel);
}
//HTML
//JS
$scope.tabListmodel=[];
$scope.tabListdata=[{
id:1,
标签:“选项1”
}, {
id:2,
标签:“选项2”
}, {
id:3,
标签:“选项3”
}, {
id:4,
标签:“选项4”
}, {
id:5,
标签:“选项5”
}, {
id:6,
标签:“选项6”
}];
$scope.tabListsettings={
smartButtonMaxItems:6,
SmartButtonExtConverter:函数(itemText,originalItem){
返回itemText;
}
};
$scope.getAllPolicys=函数(){
log($scope.tabListmodel,$scope.tabListmodel);
}
$scope.example65model = [{id: 1}];
$scope.example65data = [{id: 1, label: "David"}, {id: 2, label: "Jhon"}];
$scope.example65settings = {selectionLimit: 3};
$scope.updateMultiSelectLimit = function (){
$scope.example65settings = {selectionLimit: 2};
}
$scope.updateData = function(){
$scope.example65data = [{id: 1, label: "Peter"}, {id: 2, label: "Yiss"}, {id: 3, label: "Max"}];
}
//HTML
<div ng-dropdown-multiselect="example65data" id="xyz"//Can Be Anything options="example65data" selected-model="example65model"></div>
//JS
$scope.example65model= [];
function abc//Can Be Anything() {
var allData = hrmsService.getdata//Service Function Call();
allData.then(function (//Take any variable//pqr) {
DataObj = [];
for (var i in pqr.data) {
item = {}
item["id"] = pqr.data[i].Id//Primary Key;
item["label"] = apiSkills.data[i].Description//Any Description Field;
DataObj.push(item);
}
$scope.example65data= DataObj;
}, function () {
alert("Data Not Found");
});
}
//HTML
<div
ng-dropdown-multiselect=""
options="tabListdata"
selected-model="tabListmodel"
extra-settings="tabListsettings"
events="{ onSelectionChanged: getAllPolicies }"
>
</div>
//JS
$scope.tabListmodel = [];
$scope.tabListdata = [{
id: 1,
label: "Option 1"
}, {
id: 2,
label: "Option 2"
}, {
id: 3,
label: "Option 3"
}, {
id: 4,
label: "Option 4"
}, {
id: 5,
label: "Option 5"
}, {
id: 6,
label: "Option 6"
}];
$scope.tabListsettings = {
smartButtonMaxItems: 6,
smartButtonTextConverter: function (itemText, originalItem) {
return itemText;
}
};
$scope.getAllPolicies = function () {
console.log("$scope.tabListmodel", $scope.tabListmodel);
}