Question

我还没有看到如何使用Angular2中的内容投影来做更复杂的事情。我能想象的基本例子是一些可能有（或没有）标题的模态。

你会像：

模态模板

<div class="my-modal">
  <div class="my-modal__header">
   <ng-content select="my-modal-header"></ng-content>
  </div>
  <div class="my-modal__content">
    <ng-content select="my-modal-content"></ng-content>
  </div>
</div>

用法：

<my-modal>
  <my-modal-header>HEADER</my-modal-header>
  <my-modal-content>Content</my-modal-content>
</my-modal>

问题是：

1）如果没有提供标题，我想隐藏标题包装（例如隐藏“my-modal__header”）

2）如果未提供标题内容，我想显示一些默认标题（例如，如果未提供标题，则显示“This is header”

或类似的。

如何检测具有确切目标的ng-content的存在？

我做了一些使用例子：https://plnkr.co/edit/QfBJjD3g82ksTjU5zVqw?p=preview

Angular2检测ng-content目标的存在

0 个答案: