如何在角度 6 中获取对象子值

Question

我正在尝试获取对象子值但不工作。我不知道我的代码哪里出错了。任何人都可以找到解决方案吗？我正在尝试显示来自对象的 li 值。

test.json:

"main":[{

"power":"coming",
"cell":"2min",
"li":[
 {
"text":"Lorem ipsom"
 },
 {
"text":"Ipsom klgtoy"
 },
 {
"text":"Klopi"
},
{
"text":"Mkhoi ipsom"
}
]
}];

app.component.html

<div *ngFor="val of main let i=index">

<ul>

<li>{{ val.li.text  }}</li>

</ul>

</div>

Answer 1

首先我不知道 test.json 文件是什么 你必须在 .ts 或 .js 文件中编写你的 js 声明数组和对象的正确方法是：

 var main=[{
     power:"coming":,
     cell:"2min",
     li:[{
        text:"Lorem ipsom"
         },
         {
         text:"Ipsom klgtoy"
         },
         {
         text:"Klopi"
         },
         {
         text:"Mkhoi ipsom"
         }
      ]
}]

你也没有关闭 li 数组

为了获取每个文本，您必须经过 2 个循环，首先获取主数组的每个对象，第二个循环获取 li 数组的每个对象

<div>

<ul *ngFor="val of main let i=index">

<li *ngFor="eachText of val.li let i=index">{{ eachText  }}</li>

</ul>

</div>