参考分量可变

Question

我有以下片标记：

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

组报头的模板看起来像这样：

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

ISOPEN在像我的组报头组件中定义这个：

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

get isOpen() { 
    return this._isOpen; 
} 

显然我不能引用isOpen我想要的方式（或根本就是这个问题）为m y'PRICE'资源永不显示。

有没有办法让我的ng内容呈现的内容有条件地显示基于我的组件上的字段？

希望这一切才有意义......如果不是请向

编辑：添加二传手按@ PierreDuc的评论:-)

Answer 1

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

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