使用angularJS从JSON获取嵌套值

使用angularJS从JSON获取嵌套值,json,angularjs,Json,Angularjs,我需要在中获得从JSON到html的嵌套产品。我尝试了许多获取产品值(名称、描述等)的版本,但都不起作用。如何做到这一点 JSON: 控制器 OrdersService.retrieveAllByCurrentUser().then(function(response) { $scope.orders = response.data; console.log(response.data); }, function(error) { registerError(error, 'retr

我需要在
中获得从JSON到html的嵌套产品。我尝试了许多获取产品值(名称、描述等)的版本,但都不起作用。如何做到这一点

JSON:

控制器

OrdersService.retrieveAllByCurrentUser().then(function(response) {
  $scope.orders = response.data;
  console.log(response.data);
}, function(error) {
  registerError(error, 'retrieving all orders');
});

像这样创建一个嵌套的
ng repeat
以访问
产品
信息:

<div ng-repeat="order in orders">
  <div ng-repeat="product in order.products">
    <h1 ng-bind="product.name"></h1>
    <p ng-bind="product.description"></p>
  </div>
</div>


对于每个
订单
它将进入
order.products
并将信息循环为
product
,然后您可以通过点符号访问
product
中的信息,例如,像
product.name

创建一个嵌套的
ng repeat
来访问
产品的信息:

<div ng-repeat="order in orders">
  <div ng-repeat="product in order.products">
    <h1 ng-bind="product.name"></h1>
    <p ng-bind="product.description"></p>
  </div>
</div>


对于每个
订单
它将进入
order.products
并将信息循环为
product
,然后您可以通过点符号访问
product
中的信息,例如
product.name

您可以在html中执行嵌套的
ng repeat

 <div ng-repeat="order in orders">
    <div ng-repeat "product in order.products">
        <span>{product.name}}</span>
        <span>{{product.description}}</span>
    </div>
</div>

{product.name}
{{product.description}}

您可以在html中嵌套
ng repeat

 <div ng-repeat="order in orders">
    <div ng-repeat "product in order.products">
        <span>{product.name}}</span>
        <span>{{product.description}}</span>
    </div>
</div>

{product.name}
{{product.description}}

ng repeat指令创建了一个新的范围,这意味着您应该能够像下面这样在其中的产品中循环:

<div ng-repeat="order in orders">
<div ng-repeat="product in order.products"> e.g. {{product.name}} </div>
</div>

e、 g.{{product.name}

我还建议写一个指令来处理这类东西,因为你的代码很快就会变得不可读。不要相信我的话,因为我不是角度专家。

ng repeat指令创建了一个新的范围,这意味着您应该能够像这样在其中的产品中循环:

<div ng-repeat="order in orders">
<div ng-repeat="product in order.products"> e.g. {{product.name}} </div>
</div>

e、 g.{{product.name}

我还建议写一个指令来处理这类东西,因为你的代码很快就会变得不可读。不要相信我的话,因为我不是角度专家。

你最好的尝试是什么?你期望它做什么?它做了什么?发布你的代码。你最好的尝试是什么?你期望它做什么?它做了什么?发布您的代码。不需要指令,除非它将用于代码中的多个位置。@Chrillewoodz您完全正确。我只是想指出这一点,因为如果你问一个如此简单的问题,你可能还想学习一些大型项目的良好实践:)没有必要使用指令,除非它将用于代码中的多个地方。@Chrillewoodz你完全正确。我只是想指出这一点,因为如果你问这样一个简单的问题,你可能也会有兴趣为更大的项目学习一些好的实践:)