Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/angularjs/25.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Angularjs 动态设置ng下拉列表multiselect的设置选项_Angularjs_Angularjs Directive_Ng Dropdown Multiselect - Fatal编程技术网

Angularjs 动态设置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

如何动态设置ng下拉列表multiselect的设置选项,如设置数据,是否可行

在这里查看:

看法

//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);
        }