Angular 2 ngIf和ngFor组合

时间:2016-07-16 14:06:17

标签: javascript html angular

我想知道我是否有ngIfngFor这样的组合。当Angular创建其元素时,将首先运行什么?

<li *ngIf='isDisplayed' *ngFor='let item of itemsList'></li>

在我们有itemsList成千上万item {和ngFor首先运行的情况下进行成像会使应用程序成为完全灾难。当然,我可以使用div来包装它并将ngIf放在那里,但了解更多信息很有用。感谢。

1 个答案:

答案 0 :(得分:3)

不支持在一个元素上添加多个结构指令。 您需要使用标准格式,使用明确的<template>标记至少其中一个。 对两个结构性目标中的一个使用额外的<ng-container *ngIf="..."></ng-container><ng-container *ngFor="...">元素。

另见https://github.com/angular/angular/issues/4205