AngularJS Multiselect復選框下拉問題

Question

我有一個帶有多選下拉菜單的彈出窗口。

多選下拉代碼

<select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" 
   required ng-model="article_selected" ng-options="article_service as article_service.name for article_service in article_services">
</select>

有一個數組article_services用於多選，我從下面的代碼中獲取此數組。

$http.get(url + 'service_provided').
     then(function (response) {
         $scope.article_services = response.data.service_provided;
         //$scope.article_selected = [$scope.article_services[0], $scope.article_services[1]];
});

現在，我希望當我使用ng-click="advisor_article_edit()"編輯”按鈕以打開彈出窗口時，我的多選復選框帶有一些選擇。 我希望Select必須在下面的函數中起作用，但是不幸的是它不起作用。

$scope.advisor_article_edit = function () {
        // I need selection work from here. But it doesn't.
        $scope.article_selected = [$scope.article_services[3]];
 }

Answer 1

我相信您需要觸發點擊：

var cb = angular.element('some-selector');
cb.triggerHandler('click');

這應該在指令中完成，因為它是dom操作

Answer 2

它應該像片段中一樣工作。

 var app = angular.module("myApp", []); app.controller("myCtrl", function($scope) { $scope.cars = [{id:1, name: 'Audi'}, {id:2, name: 'BMW'}, {id:1, name: 'Honda'}]; $scope.advisor_article_edit = function () { $scope.article_selected = [$scope.cars[1]]; } });

 <!DOCTYPE html> <html> <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.4/angular.min.js"></script> <body> <div ng-app="myApp" ng-controller="myCtrl"> <select name="edit_tags" class="form-control" id="advisor_article_tagsx" multiple="" required ng-model="article_selected" ng-options="car as car.name for car in cars"> </select> <button ng-click="advisor_article_edit()">Edit</button><br> Selected : {{article_selected}} </div>

工作Plunkar鏈接

AngularJS Multiselect復選框下拉問題

問題描述

2 個解決方案

解決方案1
1 2017-08-10 12:31:29

解決方案2
1 已采納 2017-08-10 13:44:09

AngularJS Multiselect復選框下拉問題

問題描述

2 個解決方案

解決方案1 1 2017-08-10 12:31:29

解決方案2 1 已采納 2017-08-10 13:44:09

解決方案1
1 2017-08-10 12:31:29

解決方案2
1 已采納 2017-08-10 13:44:09