2017-08-14 88 views
0

我在想以下方案的最佳做法是什么。角度2+内容投影

我有一个通用的PanelComponent负责打开和关闭自己。其中,我有ng-content包含任何内容。

我的问题是某些面板的某些内容需要知道面板何时可见以及何时隐藏。当然,问题在于隐藏/可见状态封装在PanelComponent中。

在这种情况下,将状态传递给作为内容投影的一部分注入到ng-contentPanelComponent的组件的最佳做法或最佳做法是什么?

回答

0

一种方式来做到这一点是通过模板变量来存取权限PanelComponent性质:

<panel #p1> 
    <p [class.parent-visible]="p1.visible">some content</p> 
</panel> 
<panel #p2> 
    <p [class.parent-visible]="p2.visible">other content</p> 
</panel> 
+0

是的,我想你是对的...什么打扰我对这种做法的这一部分是我不得不暴露panel'的'状态.. 。想要打开/关闭一个独立的功能类型,但不知道我在想什么......如果这个内部组件需要它(这可能是我设计的不好的设计,我继承的),那么就没有多少我可以做,但暴露'面板'的状态。谢谢〜 – user1902183