来自ng-content

Question

我有以下标记：

<group-header [isOpen]="true">
    <div *ngIf="isOpen">{{'PRICE' | resource}}</div>
</group-header>

group-header的模板如下所示：

<div (click)="toggleGroups($event);">
    <ng-content></ng-content>
</div>

isOpen在我的group-header组件中定义如下：

@Input()
set isOpen(value: boolean) {
    this._isOpen = value;
}

get isOpen() {
    return this._isOpen;
}

显然我无法参考是按照我想要的方式（或根本不是这样）打开我的“价格”。资源永远不会显示

有没有办法根据我的组件上的字段有条件地显示我的ng-content呈现内容？

希望这一切都有意义......如果没有请问

编辑：根据@ PierreDuc的评论添加了setter： - ）

Answer 1

您可以使用模板变量来引用GroupHeader组件：

<group-header [isOpen]="true" #gh>
    <div *ngIf="gh.isOpen">{{'PRICE' | resource}}</div>
</group-header>