angular ng-conent如何设置投影进来子组件数据？

Question

angular ng-conent如何设置投影进来子组件数据？就像vue中的v-slot的功能一样

Answer 1

select 属性就跟css选择器差不多。

<ng-content select="[name=test]"></ng-content>
<ng-content select=".ts"></ng-content>

在父组件中写好后，子组件

<div name="test">我是第一号位置 div[name="test"]</div>
<div class="ts">我是第二号位置 div class="ts"</div>