Question

我开始学习Angular.js，我的第一个小问题。

这是我的 hello.js 文件：

"data":[{
   "status":"true",
   "name":"blabla"
},{
   "status":"true",
   "name":"blabla2"
}]

响应是我需要解析的* .json文件。 JSON以某种方式看待：

<div ng-controller="Hello">

在 index.html 文件中，我有ng-repeat，我想列出所有JSON的状态和名称字段。

我不知道如何使用Copy来列出* .json文件中的所有组件。你可以帮帮我吗？：）

干杯，

路

Answer 1

示例：如果您将json数据分配给Controller中的$scope变量，那么这是使用ng-repeat在视图中显示它的一种可能方式：

HTML：

<div ng-app='App' ng-controller="AppCtrl">
  <table>
     <tr>
         <th ng-repeat="(key, val) in data[0]">{{key}}</th>
     </tr>
     <tr ng-repeat="stuff in data">
         <td ng-repeat="(key, val) in stuff">{{val}}</td>
     </tr>
  </table>
</div>

JS：

angular.module('App', [])
.controller('AppCtrl', function($scope) {

    $scope.data = [
        {"status":"true",
          "name":"blabla"},
        {"status":"true",
         "name":"blabla2"}
    ];
});

输出：

名称状态
blabla是的
blabla2 true

编辑：更新小提琴：http://jsfiddle.net/nndc91cp/2/

或者你可以这样创建一个列表：
HTML：

<ul>
   <li ng-repeat="stuff in data"> {{stuff.status}} : {{stuff.name}}</li>
</ul>

输出：

true：blabla
true：blabla2

Answer 2

如果我理解你的问题，并且你想保持你的控制器，你应该做的事情：

HTML：

<ul>
    <li ng-repeat="resp in response.data"> 
        My Status: {{resp.status}} and my Name: {{resp.name}}
    </li>
</ul>

希望我一直很有帮助。

来自* .JSON文件的Angular.js ng-repeat列表

2 个答案: