Question

我想使用Angular2访问一个json孩子，这是我试过的：

我的json：

orderList=
{
  "ref1": {
       "Id": "57987"
       "order": [
          {
           "amount": 4900,
           "parent": "CIDPT8AO"
          }
        ]
   }
 }

视图中的

：

<tr *ngFor="let order of orderList">
  <td>{{order[0]}}</td>  // NOT OKAY
</tr>

我想访问＆＃34; Id＆＃34;和父母＆＃34;，任何想法？

Answer 1

首先：在＆＃34; Id＆＃34;之后，你错过了a。线。

您尝试访问类似数组的JSON对象。不确定它是否适用于Angular ...如果错误未通过添加上面提到的错误来解决，请尝试将orderList声明为数组。

如果你被绑定到这种格式，你可以这样做：

orderListValues = Object.keys(orderList).map(function(_) { return j[_]; })

然后你应该能够访问这样的值：

<tr *ngFor="let order of orderListValues">
  <td>{{order.Id}}</td>
</tr>

示例：

＆＃13;

orderList = {
  "ref1": {
   "Id": "57987",
   "order": [
      {
       "amount": 4900,
       "parent": "CIDPT8AO"
      }
    ]
   }
};
orderListValues = Object.keys(orderList).map(function(_) { return orderList[_]; });
console.log(orderListValues);

＆＃13;

Answer 2

您的orderList是一个对象，您需要

<tr *ngFor="let order of orderList.ref1.order">
  <td>{{order}}</td> 
</tr>

Answer 3

您可以尝试这种方法：

<强> HTML

<table>
<tr *ngFor="let order of obj">
  <td>{{order.Id}}</td>
</tr>
</table>

<强>组件

var orderList=
{
  "ref1": {
       "Id": "57987",
       "order": [
          {
           "amount": 4900,
           "parent": "CIDPT8AO"
          }
        ]
   }
 };

 var obj = orderList[Object.keys(orderList)[0]];

Answer 4

NgForOf提供了几个可以别名为局部变量的导出值，例如：

索引：数字 - ＆gt;可迭代中当前项的索引。

first：boolean - ＆gt;当项目是iterable中的第一个项目时为True。

import os
os.system('nastran.exe file_name.bdf')

https://angular.io/api/common/NgForOf

angular2如何访问json的孩子

4 个答案: