如何获取 angular 中的对象子值 6

Question

我正在尝试获取对象的子值但不是 working.I 不知道我在哪里弄错了 code.Anyone 可以找到解决方案吗？我正在尝试显示对象的 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>

如何获取 angular 中的对象子值 6

How to get object sub values in angular 6

typescript

angular5

angular6

angular7