綁定NG-型號，以選擇

Question

我想不通爲什麼我不能一個目標是NG-模型綁定在choosen指令

我的繼承人HTML內容的代碼：

<select class="form-control" required 
         multiple 
         ng-model="selectedItems" 
         ng-options="r.id as r.name for r in availableItems" 
         chosen> 
       </select> 

該JSON：

$scope.selectedItems= [ 
     { 
      "id": 1, 
      "name": "Selected 1", 
      "description": "Nulla adi architecto et", 

     }, 
     { 
      "id": 2, 
      "name": "Selected 2", 
      "description": "test", 

     } 
    ] 

$scope.availableItems= [ 
     { 
      "id": 1, 
      "name": "Available 1", 
      "description": "Nulla adi architecto et", 

     }, 
     { 
      "id": 2, 
      "name": "Available 2", 
      "description": "test", 

     } 
    ] 

但是我能夠顯示在選擇下拉可用的項目，但我的要求： 要choosen的輸入框中默認顯示選定的項目。

參考：Localytics-Angular Choosen

Answer 1

角將他們的ng-model的值進行比較自動選擇的項目。在你的情況下，所選擇的項目是r.id，這是一種原始的，所以平等將基於比較r.id S：

$scope.selectedItems = [1, 2]; 

Plunker