Consume rest api angularjs

Question

我是angular js AngularJs的新手。我有一个以下格式的远程 json

{
"abc123":
  {
    "case_desc":"case desc 1",
    "case_img":"abc.jpg"    
  },
  "efg456":
  {
    "case_desc":"case desc 2",
    "case_img":"abc.jpg"
  }
}

我想循环显示表格格式的数据及其各自的对象

Answer 1

我鼓励你阅读一些关于角度的文档和示例。在这种情况下，您将需要 ng-repeat 指令：

<table ng-app="myApp" ng-controller="myCtrl">
    <tr ng-repeat="(key, val) in myObject">
        <td>{{ key }}</td>
        <td>{{ val.case_desc }}</td>
        <td><img ng-src="val.case_img" /></td>
    </tr>
</table>

当然，这假设您的数据附加到控制器中的范围：

angular.module("myApp", [])
    .controller("myCtrl", function($scope) {
        $scope.myObject = {
            "abc123": {
                "case_desc":"case desc 1",
                "case_img":"abc.jpg"    
            },
            "efg456": {
                "case_desc":"case_desc 2",
                "case_img":"abc.jpg"
            }
        };
    });