Angular 角度2嵌套组件重复

我正在使用带嵌套构件的Angular 2构建明细表

Angular 2在显示单个子组件之外的数据时似乎存在问题

例如，我有以下组件层次结构

• 调度组件
• MonthComponent
• 日分量

在嵌套的第二级，视图停止完整地反映视图。这是一个来自月组件html的示例，其中嵌套了一个日组件和结果的图片

<div id="list-container">
    <intra-day [day]="days[day]" *ngFor='let day of days'></intra-day>
</div>

导致这种情况

请注意，在9月份，没有重复的日期，但在10月份以后，该月的第9天总是重复的

数据没有反映这一点。我已经通过删除嵌套组件并将html直接放在MonthComponentHTML中确认了这一点

<div id="list-container">
    <!--<intra-day class="list-container well games" [day]="days[day]" [dayName]="day" *ngFor='let day of dayKeys'></intra-day>-->
    <div *ngFor='let day of dayKeys'>
        <md-list>
            <div class="list-name-container well games" (click)="toGames(game)">
                <h3 md-subheader class="display-inline list-name games date-header">{{day}}</h3>
            </div>
            <intra-game *ngFor="let game of gameKeys" [game]="day.games[game]" [gameKey]="game"></intra-game>
            <button md-button class="add-button" md-button color="primary" (click)="openGameModal(game)">ADD GAME</button>
        </md-list>
    </div>
</div>

{{day}
添加游戏

导致 请注意，没有重复的天数。相同的数据，但不同的视图结果

---

可以嵌套的组件数量是否有限制？有解决办法吗？我不想把我所有的代码都放在一个组件中，因为使用Angular 2有很大的好处。

，应该可以。我有一些相当类似的东西，它是有效的。我注意到，在您的工作代码示例中，您正在枚举

dayKeys

，但在您失败的示例中，您正在枚举

days

“使用Angular 2的巨大好处”我想说，事实并非如此，因为Angular 2通过强制您声明模板和视图模型并在

NgModule

中注册来惩罚您提取的每个组件。像React和Aurelia这样的组件引擎在这方面做得更好。@user3331142，只是一个粗略的猜测-是夏时制转换破坏了代码中的一些计算吗？正如我所看到的，你的10月将在30天结束，但实际上还有31天…@AluanHaddad，这实际上只是忘记了简化它们。它们的实现是相同的。@AlexanderLeonov，观察得很好！我没有注意到视图显示的是31天，但显示的最后一天是30天。我想知道Angular 2是不是在转移它们？我不认为这是一个时区问题，因为它是正确显示在一个正确的显示。相同的数据，只是显示不正确