Angular中的多插槽内容投影在组件中无法工作
创始人
2024-10-31 04:30:29
0次

使用NgContentSelectorHelper类来解决这个问题。这个类会自动将选择器匹配到正确的内容投影上。

以下是具体的代码实现：

首先，在组件类中添加import语句：

import { NgContentSelectorHelper } from './ng-content-selector-helper';

然后在组件类中定义一个helper变量：

private helper: NgContentSelectorHelper;

在组件的构造函数中实例化helper变量：

constructor(private elementRef: ElementRef) { this.helper = new NgContentSelectorHelper(this.elementRef); }

最后，使用helper变量的project方法来进行内容投影：

ngAfterContentInit() { this.helper.project('slot1'); }

这里的'slot1'是一个投影插槽的名称。确保使用正确的名称。

这样就可以解决多插槽内容投影在Angular组件中无法工作的问题了。

上一篇：Angular中的多层嵌套模块和路由

下一篇：Angular中的多个@Input()装饰器与单个@Input()装饰器使用的比较

相关内容

热门资讯

透视操作！hhpoker辅助挂... 透视操作！hhpoker辅助挂是真的吗，hhpoker德州真的假的（透视）切实有挂（哔哩哔哩）亲，关...
透视绝活！德州局怎么透视，wp... 透视绝活！德州局怎么透视，wpk有那种辅助吗（透视）真是真的有挂（哔哩哔哩）1、首先打开wpk有那种...
透视指南！wepoker好友局... 透视指南！wepoker好友局透视，购买wepoker模拟器（透视）一直真的有挂（哔哩哔哩）1、在w...
透视总结！wepoker私局代... 您好，aapoker透视怎么用这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302...
透视方针！德普之星透视辅助软件... 透视方针！德普之星透视辅助软件是真的吗，德扑之心免费透视（透视）好像有脚本技巧（哔哩哔哩）1、完成德...
透视方针！aapoker如何设... 透视方针！aapoker如何设置胜率，aapoker辅助工具安全吗（透视）其实真的是有脚本脚本（哔哩...
透视法门！hhpoker辅助器... 透视法门！hhpoker辅助器视频，德普之星辅助器怎么用（透视）好像是有挂（哔哩哔哩）1、玩家可以在...
透视法子！aapoker辅助工... 透视法子！aapoker辅助工具安全吗，aapoker插件（透视）一贯真的是有透视挂（哔哩哔哩）1、...
透视阶段！wpk透视工作室，大... 透视阶段！wpk透视工作室，大菠萝辅助器（透视）确实是真的挂（哔哩哔哩）1、许多玩家不知道wpk透视...
透视学习！hhpoker是真的... 透视学习！hhpoker是真的假的，fishpoker透视（透视）一贯真的是有挂（哔哩哔哩）1、这是...