2015-10-06 3 views
0

У меня есть данные возврата в формате json, как я могу использовать ng-model для загрузки данных в раскрывающееся меню в качестве значения по умолчанию?Угловые данные о населении для выпадания

<div class="col-md-3 col-md-offset-2"> 
      <h5 class="over-title">Category</h5> 
      <ui-select ng-model="product.categories.selected" theme="bootstrap"> 
       <ui-select-match placeholder="Select Category" ng-model="product.name"> 
        {{$select.selected.name}} 
       </ui-select-match> 
       <ui-select-choices repeat="item in categories | filter: $select.search"> 
        <div ng-bind-html="item.name | highlight: $select.search"></div> 
       </ui-select-choices> 
      </ui-select> 
     </div> 

JSON следующим образом:

Object { category: "Sightseeing & Tours" } 

ток ng-model=product.name используется для заполнения варианты, когда кто-то создать новый продукт. Теперь, когда они редактируют форму, выпадающий список должен отображать ранее сохраненные данные, которые возвращаются выше json.

Функция для раскрывающихся опций списка при создании нового продукта:

$scope.categories = function(){ 
     Account.getCategoryList() 
     .then(function(response){ 

      $scope.categories = response.data; 
     }) 


     .catch(function(response){ 
      console.log(response.data.messages); 
     }); 

    }; 

Тот, возвращающих json, когда кто-то редактировать обратно форме

$scope.produk = {}; 
    $scope.getProductToEdit = function(id){ 
     Account.getProductToEdit(id) 
     .then(function(response){ 

      $scope.produk = response.data.product; 
      console.log($scope.produk); ---> Object { category: "Sightseeing & Tours" } 
      return $scope.produk; 
     }) 
     .catch(function(response){ 

     }) 
    } 

Новый режим формы:

enter image description here

Редактировать форму m ода:

enter image description here

Как я могу заменить выпадающий список по умолчанию с тем, что вернулся из json в режиме редактирования. Благодаря

ответ

0

Вместо использования выпадающего меню выберите-2 директива может использоваться, который обращается к этой issue.Refer по следующей ссылке: https://github.com/angular-ui/ui-select2

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