用于在对象数组上循环的嵌套对象

Question

我用的是angular 5。我尝试在下面的html数组中使用嵌套循环

对象：

    [
    {
        "copyFromDay": "Sunday",
        "days": [
           "Monday",
           "Tuesday",
           "Wednesday",
           "Thursday",
           "Friday",
           "Saturday"
        ]
    },
    {
        "copyFromDay": "Monday",
        "days": [
            "Sunday",
            "Tuesday",
            "Wednesday",
            "Thursday",
            "Friday",
            "Saturday"
        ]
    }//,....   
]

HTML:

<table>
        ....
    <tr>
        <td *ngFor="let sourceDay of copyToArray">
            <label>sourceDay.copyFromDay</label>
                <ul><li *ngFor="let day of sourceDay.days">
                <label><input type="checkbox" />{{day}}</label>
                </li></ul>
        </td>
    </tr>
<table>

我得到以下解析错误：

我在app.module.ts导入了BrowserModul和Common Modul，这样用户就可以将一周中的任何一天的时间表复制到一周的其余时间。

编辑：我的代码中的实际超文本标记语言：

<td *ngFor = "let sourceDay of copyFromArray">
    <div class="copytodiv">
        <div class="dropdown">
            <button type="button" class="btn btn-default btn-raised copytobtn dropdown-toggle" data-toggle="dropdown">Copy to <i class="fa fa-chevron-down" aria-hidden="true"></i></button>
            <ul class="dropdown-menu">
                <li *ngfor="let day of sourceDay.days">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> {{day}}
                        </label>
                    </div>                                                        
                </li>
            </ul>
        </div>
    </div>
</td>

Answer 1

首先将li包裹在ul内

第二天。几天来，你错过了最后的胜利

第二个标签应该围绕输入和日期

Answer 2

我认为模块导入没有任何问题，我看到的唯一错误是，您引用了sourceDay。day而不是sourceDay。天，您错过了标签sourceDay的插值。copyFromDay我实现了您的代码，并且运行良好，请参见这里的示例：Demo

Answer 3

你把*ngFor拼写错了。它是*ngFor，大写字母F不是*ngFor，就像你在li中做的那样。所以基本上。改变

 <li *ngfor="let day of sourceDay.days">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> {{day}}
                        </label>
                    </div>                                                        
                </li>

到

<li *ngFor="let day of sourceDay.days">
                    <div class="checkbox">
                        <label>
                            <input type="checkbox"> {{day}}
                        </label>
                    </div>                                                        
                </li>