为什么当我在同一元素上使用`* ngIf`和`* ngFor`时，`* ngFor`将null项添加到我正在迭代的数组中？

Question

Template ， View。 但是，如果我将* ngIf指令更改为[hidden]属性，它看起来很好，并且没有空项。

Answer 1

如果您使用的是beta 8以下，请尝试使用此功能，因为angular2不支持* ngIf anf * ngFor在同一元素beta 8（see here）及以下 -

<template [ngIf]='hotel.rooms.length > 0'>
 <div *ngFor='#room of hotel.rooms; #i=index'>
 ... Your code
 </div>
</template>

希望它对您有所帮助，如果不提供您的代码，那么plnkr会帮助您。