Question

我有一个嵌套对象，其中包含我尝试使用ngFor访问的数据。我能够使用第一个ngFor（app_name，time_stamp等）到达数据的第一部分

但由于某种原因，我没有进入test_cases的嵌套对象。当我试着打破整个页面时，控制台一直告诉我＆＃34;无法读取属性＆test; cases＆＃39;未定义＆＃34;我似乎无法弄明白为什么......

（组件内部的第一部分）数据：

    export class AppComponent {
        tests = TESTS;

        var TESTS: Test[] = [
            {
                "app_name": "website",
                "time_stamp": "2018-01-20T12:00:00Z",
                "test_cases": [
                    {
                        "test_name": "View article",
                        "status": true,
                     }]
         }]

HTML partial：

<div id="tested-app" *ngFor = "let item of tests">
    <h2>----<span> {{ item.app_name }} </span>----</h2>
    <p id="time"> Time: <span> {{item.time_stamp}} </span> </p>
</div>
<div class="module" *ngFor="let subItem of item.test_cases">
    <h3>{{subItem.test_name}}</h3>
</div>

Answer 1

对于那些正在努力解决的人来说：

John Montgomery和Andres M在评论中回答了这个问题，我不得不将第二个div放在第一个div中。

angular 2 ngFor无法读取未定义的属性

1 个答案: