*ng用于迭代 JSON 的嵌套数组

Question

嗨，我有以下格式的 JSON 数据。我想使用角度在 HTML 页面中呈现它。

questionarie = [{
qText : " Issue Type",
options : ["Functional Issue" , "Performance Issue" , "Crash Issue" , "Diagnostic Issue"],
questionId : "1001",
"parentId" : "",
childs : [{
qText : " Issue Type",
options : ["Functional Issue" , "Performance Issue" , "Crash Issue" , "Diagnostic Issue"],
questionId : "1001_1",
"parentId" : "1001",
childs : []
}]
}];

我尝试了以下所有选项。

<ul>
<li *ngFor=" let item of questionnaries; let ind = index">{{item.qText}} 
<ul>
<li *ngFor=" let option of item.options; let optionIdx = index ">{{option}} {{ind2}} 
<ul ng-if="post?.capabilities?.item.childs[optionIdx]?.length > 0 ; let child = item.childs[optionIdx]; ">
<li >{{child.qText}}</li>
</ul>
</li>
</ul>

我在浏览器控制台中遇到以下错误：

错误

类型错误： 无法读取属性 q未定义的文本

Answer 1

ng-if 是 AngularJs，Angular 使用 *ngIf

您正在迭代问题，但您的数组称为问题

您是否尝试过使用

item.childs[optionIdx].qText

而不是试图让视图变量。

什么是邮政？

这就是你要找的吗 https://stackblitz.com/edit/angular-n5abdx?file=src%2Fapp%2Fapp.component.html

Answer 2

您的变量名称questionarie，但您正在 html 中访问questionaries