Question

我想知道以下情况的最佳做法是什么。

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

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

在这种情况下，将状态与作为内容投影的一部分注入的组件传递到ng-content的{{1}}中，有什么好方法或最佳做法？

Answer 1

一种方法是通过模板变量访问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>

Answer 2

我猜你指的是组件互动。实现它的一种方法是使用输入和输出参数。我建议你看一下角度文档的这一部分

https://angular.io/guide/component-interaction

Angular 2+内容投影

2 个答案: