Angular 2 - 使用@HostBinding在主机元素上应用ngIf

Question

我试图使用@HostBinding装饰器在主机元素上设置ngIf。

class ListItem {
    @HostBinding('ngIf') active: boolean = false;
}

我收到错误：无法绑定到＆＃39; ngIf＆＃39;因为它不是＆＃39; list-item＆＃39;。

的已知属性

但是我看到答案here似乎暗示了这种用法。

Answer 1

ngIf是一个指令，指令不能动态添加。仅当静态添加到组件模板的标记与选择器匹配时才应用它们。

@HostBinding()仅支持class.，attr.和style.绑定。

Answer 2

只需将您的模板包装在<ng-container *ngIf="active"></ng-container>中，而不要使用主机绑定