java - 我将如何对此 JSON 解析执行 Angular JS ng-repeat ？

Question

我如何对此 JSON 解析执行 Angular JS ng-repeat？

    .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>

Answer 1

您没有将解析结果分配给范围变量

Controller 应该更像:

.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