2015-01-10 2 views
1

Я не могу понять, почему я не могу привязать объект к нг-модели в выбраной директивеBind имя нг-модель выбрана

Heres мой 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", 

     } 
    ] 

Однако я могу отобразить список доступных элементов в раскрывающемся списке выберите, но мое требование: чтобы отобразить выбранные элементы по умолчанию в поле ввода Выбирается.

Ссылка: Localytics-Angular Choosen

+0

Не могли бы вы добавить в jsfiddle этой проблемы? Я думаю, что это поможет визуализировать проблему. – benjipelletier

ответ

1

Угловая будет автоматически выбирать элементы, сравнивая их со значением ng-model. В вашем случае, выбранный элемент r.id, который является примитивным, поэтому равенство будет основываться на сравнении r.id S:

$scope.selectedItems = [1, 2]; 

Plunker

+0

Хорошо объясненный @New Dev – forgottofly

Смежные вопросы