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

Question

我有一个嵌套对象，其中包含我尝试使用 ngFor 访问的数据。 我能够用第一个 ngFor (app_name, time_stamp etc)

到达数据的第一部分

但由于某种原因，我没有得到 test_cases 的嵌套对象。当我尝试时它破坏了整个页面并且控制台一直告诉我 "Cannot read property 'test_cases' of undefined" 我似乎无法弄清楚为什么...

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

    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 部分：

<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 放在第一个里面。