为什么当组件嵌套在其他组件中时，角度事件发射器不起作用？

Question

在卡片组件html中，我有ng个内容，并将卡片项目组件放入卡片组件中。为什么在这种情况下我不能发出值？。

示例1。

card.component.html
<div>
<ng-content>
</div>

---

<card>
<card-item (closeEmitter)="onClose($event)">
</card-item>
</card>

如果我将汽车项目组件移动到卡组件之外，则事件发射器工作正常。

示例2。

card-item.component.html
<div>
<div class="card-header"> header </div>
<div class="card-body"> content </div>
<div class="card-footer"> footer</div>  
</div>      

---

<card></card>
<card-item (closeEmitter)="onClose($event)"></card-item>

有没有像第一个例子那样发出值的方法？

Answer 1

您应该在html元素或ng容器上调用事件发射器。

<ng-container (closeEmitter)="onClose($event)">
<card-item></card-item>
</ng-container>. or on an html element 
<div (closeEmitter)="onClose($event)">
<card-item></card-item>
</div>