0

Как бы я сделал Angular JS ng-repeat в этом анализе JSON?Как я могу использовать Angular JS ng-repeat в этом анализе JSON?

.controller('TeamsCtrl', function($scope) { 

    var text = '{"employees":[' + 
     '{"name":"John Doe"},' + 
     '{"name":"Sam Doe"},' + 
     '{"name":"Jack Doe"}]}'; 
    /* create scope property that will be recognized in view*/ 
    $scope.tasks = JSON.parse(text); 

}); 

Вот область, которую я хочу заселена с новым содержанием:

<ion-content class="has-header" ng-controller="TeamsCtrl"> 
    <div class="list card" ng-repeat="employee in tasks.employee" ng-click="showActionsheet()"> 
    <div class="item item-divider"> 
     <div>{{employee.name}}</div> 
    </div> 
+0

же, как вы делаете 'нг-repeat' для любой массив. Здесь нет углового кода, что вы пробовали? – charlietfl

+0

Я обновил свой вопрос – Garrett

ответ

1

Вы не назначая проанализированные результаты к переменной области

Контроллер должен быть больше похож:

.controller('TeamsCtrl', function($scope) { 

    var text = '{"employees":[' + 
     '{"name":"John Doe"},' + 
     '{"name":"Sam Doe"},' + 
     '{"name":"Jack Doe"}]}'; 
    /* create scope property that will be recognized in view*/ 
    $scope.tasks = JSON.parse(text); 

}); 

Затем в разметке вы можете сделать что-то вроде:

<div ng-repeat="employee in tasks.employees"> 
    <div>{{employee.name}}</div> 
</div> 

DEMO

+0

Я пробовал это, и он просто появился {{id}}: {{employee.name}} 'вместо заполнения всех имен – Garrett

+0

вы инициализировали 'ng-app'? Любые ошибки в консоли? – charlietfl

+0

см. Демонстрационную ссылку, которую я добавил в ответ – charlietfl

0

У вас уже есть объект JSon все, что вам нужно, это установить его в объеме и итерацию над ней .

<h3>Output:</h3> 
<div ng-app ng-controller="MyCtrl"> 
    <ul> 
     <li ng-repeat="(id,emp) in items">{{id}}: {{emp.name}}</li> 
    </ul> 
</div> 

Js Fiddle here

0

Если у Вас есть правильный список сотрудников, чем вы можете использовать как

<div ng-repeat="employee in employees> 
    <div>{{id}}:{{employee.name}}</div> 
</div>