如何将/ transllude/project转换为循环内的插槽,并使投影内容能够访问循环变量?
假设我有一个带有以下内容的基本组件
<tr *ngFor="let data of items">
<td>{{data.title}}</td>
<ng-content select="[slot]"></ng-content>
</tr>
Run Code Online (Sandbox Code Playgroud)
一个使用翻译槽"slot"的子组件
<parent [items]="items">
<ng-container slot>
<td>{{data.category}}</td>
<td>{{data.number}}</td>
</ng-container>
</parent>
Run Code Online (Sandbox Code Playgroud)
我想生成的HTML是
<tr>
<td>{{data.title}}</td>
<td>{{data.category}}</td>
<td>{{data.number}}</td>
</tr>
Run Code Online (Sandbox Code Playgroud)
但实际发生的是"数据"未在子组件中定义,这是有道理的.有什么方法可以让它像这样工作吗?
这是有效的导出语法吗?
export default debug = {
myfunction: myFunction
};
Run Code Online (Sandbox Code Playgroud)