Заполните раскрывающийся список с угловым и JSON

У меня есть файл data.json, и я хочу его прочитать и заполнить выпадающий список. Мой код:Заполните раскрывающийся список с угловым и JSON

<head> 
    <script src="js/angular.min.js"></script> 
     <script> 
     MyPanel=angular.module('MyPanel',[]); 
     MyPanel.controller('MyController', function($scope,$http){ 
      $http.get('feed/data.json').success(function(response){ 
       $scope.myData = response; 
      }); 
     }); 
     </script> 
    </head> 
<body ng-app="MyPanel" ng-controller="myController"> 
    <select ui-jq="chosen" id="storeId" class="form-control m-b" > 
     <option value="">Choose</option> 
     <option ng:repeat="data in myData">{{myData.id}} - {{myData.name}}</option> 
    </select> 
</body>

Я didin't получить что-нибудь с этим кодом. Нет выпадающего списка без ошибок. Вы можете мне помочь?

Спасибо

источник

2015-11-27 Dimitris

'' Попробуйте это вместо – klskl

Я пробовал, но не работает. Спасибо – Dimitris

после того, как вы установили '$ scope.myData = response', можете ли вы его зарегистрировать? например 'console.log ($ scope.myData);' просто посмотреть, что вы получаете как ответ – klskl

Проблема здесь: ng:repeat, он должен быть ng-repeat

кстати я настоятельно рекомендую вам использовать ng-options вместо https://docs.angularjs.org/api/ng/directive/ngOptions

источник

2015-11-27 10:59:38

Я пробовал, но не работает. спасибо – Dimitris

Изменив код:

<option ng-repeat="data in myData"> {{data.id}} - {{data.name}}</option>

Ваш выбор должен работать, но, похоже, у вас есть другие проблемы, первое, что нужно сделать вы можете сделать, это войти отклик в вашей $http.get

$http.get('feed/data.json').success(function(response){ 
      console.log(response) 
      $scope.myData = response; 
     });

Просто, чтобы увидеть, что мы на самом деле получают некоторые данные.

Вы также могли бы попытаться создать тестовые данные

$scope.myData = [ 
    {id: 1, name: 'test1'}, 
    {id: 2, name: 'test2'} ];

также закомментировать // $scope.myData = response;

Если ng-repeat работы с тестовыми данными, ваша проблема не связана с нг-повтора, но в $http.get запрос

источник

2015-11-27 11:44:22 klskl

Заполните раскрывающийся список с угловым и JSON

ответ

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