2017-02-24 8 views
4

私は、マークアップの以下の部分を持っている:参照コンポーネント変数は

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

グループ・ヘッダーのテンプレートは以下のようになりますいるisOpenのような私のグループヘッダ要素で定義されている

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

これは

明らかに私が参照することはできません。 y 'PRICE'リソースは表示されません。

コンテンツにレンダリングされたコンテンツを条件付きで表示する方法は、コンポーネントのフィールドに基づいていますか?

希望は、このすべてが理にかなって...ない

EDITお尋ねください場合:

+0

'isOpen'の' group-header'コンポーネントにもセッターがありますか? – PierreDuc

+0

はい。更新された質問:-) – CJe

答えて

5

:-) @ PierreDucさんのコメントどおりに追加しましたセッターをあなたはGroupHeaderコンポーネントを参照するためにテンプレート変数を使用することができます。

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

それは動作します! Uロック!!!ありがとう百万:-) – CJe

+2

ああ、もちろん。愚かな私。 'isOpen'は、グループヘッダ自体ではなく、' group-header'の親コンポーネントを参照します。 'gh.'を追加すると、グループヘッダーコンポーネント – PierreDuc

+1

が喜んで参照されるようになります。これがあなたが探しているものなのかどうかは分かりませんでした。 –

関連する問題