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()装饰器使用的比较

相关内容

热门资讯

关于透视!pokemmo免费脚... 关于透视!pokemmo免费脚本!其实有辅助插件(有挂细节)-哔哩哔哩1.pokemmo免费脚本 选...
必备透视！wepoker国外版... 必备透视！wepoker国外版透视，德州机器人代打脚本，攻略教程（有挂方法）-哔哩哔哩1、完成德州机...
有挂透视!德州局怎么透视!都是... 有挂透视!德州局怎么透视!都是是有辅助软件(有挂方法)-哔哩哔哩1、点击下载安装，德州局怎么透视脚本...
详细透视！黑侠破解wepoke... 详细透视！黑侠破解wepoker，wepoker辅助器软件下载，模板教程（有挂透视）-哔哩哔哩1、该...
教你透视!sohoopoker... 教你透视!sohoopoker辅助!好像存在有辅助攻略(有挂神器)-哔哩哔哩1、进入到sohoopo...
有挂透视！模拟器打开hhpok... 有挂透视！模拟器打开hhpoker，wepokerh5破解，经验教程（有挂方法）-哔哩哔哩1、点击下...
有挂透视!hardrock透视... 有挂透视!hardrock透视工具!都是有辅助插件(有挂工具)-哔哩哔哩hardrock透视工具透视...
教你透视！德州私人局脚本，德普... 教你透视！德州私人局脚本，德普之星的辅助工具介绍，妙招教程（了解有挂）-哔哩哔哩1、进入到德普之星的...
解谜透视!智星菠萝有挂吗!原来... 解谜透视!智星菠萝有挂吗!原来真的有辅助插件(有挂技巧)-哔哩哔哩1、智星菠萝有挂吗有没有辅助教程、...
科普透视！aapoker能控制... 科普透视！aapoker能控制牌吗，epoker底牌透视，烘培教程（详细教程）-哔哩哔哩1、打开软件...