Bootstrap Multiple - 從服務器設置選定值

Question

我在我的應用程序中使用了angularjs和bootstrap。我不知道如何從服務器設置選定的值。

以下是我的html代碼。

<div class="col-md-9"> 
     <label>Select Users</label> 
     <select class="select-full" id="multipleUsers" 
      placeholder="Choose Multiple Users" tabindex="2" 
      multiple="multiple" ng-model="groupForm.users"> 
     </select> 
    </div> 

在JS，我填充下拉值時，頁面加載，

var url = "/dropdown/getAllUsers"; 
var allUsers = new Array(); 
$http({ 
    url: url, 
    method: "GET", 
    timeout: 200000 
}).success(function (data1, status) { 
    $scope.usersList = data1; 
    $.each(data1, function (i) { 
     allUsers.push({ 
      label: data1[i].name, 
      value: data1[i].id 
     }); 
    }); 

    $("#multipleUsers").multiselect('dataprovider', allUsers); 
    $(".btn-group").hide(); 
}).error(function (data1, status) { 
}); 

選擇值後，我得到的選擇值如下如下。

js中的groupForm.users以逗號分隔的值給我所有選中的用戶id。

但我不知道如何在編輯時從服務器加載之前選擇的值。

編輯時，應該從服務器加載該值，如下所示。

Answer 1

如果您正在使用AngularJS，您可以使用UI Bootstrap。它們是由AngularUI Team以純AngularJS編寫的引導組件。

一般來說，你不能像你的jQuery代碼那樣做DOM操作。您的角度應用中的解決方案可以是UI Select。

在Angular中，DOM操作是在指令內完成的。不是 控制器。 http://nathanleclaire.com/blog/2014/04/19/5-angularjs-antipatterns-and-pitfalls/