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组件中无法工作的问题了。

第七分钟外挂！逍遥卡五星辅助器... 第七分钟外挂！逍遥卡五星辅助器，四川游戏家园破解版，教你教程（真的有挂）-哔哩哔哩1、实时四川游戏家...

第8分钟专业！中至小程序如何破... 第8分钟专业！中至小程序如何破解，嘟咪互动修改器（都是有挂）-哔哩哔哩1、完成中至小程序如何破解的残...

6分钟外挂！皇豪互众插件，潮汕... 6分钟外挂！皇豪互众插件，潮汕掌上娱破解，必胜教程（有挂教学）-哔哩哔哩1.潮汕掌上娱破解 ai辅助...

第2分钟解密！来趣广西友玩脚本... 第2分钟解密！来趣广西友玩脚本辅助，福建天天开心王国辅助（总是存在有挂）-哔哩哔哩1、福建天天开心王...

两分钟外挂！微信微乐辅助免费，... 两分钟外挂！微信微乐辅助免费，新广西老友辅助，玩家教你（有挂助手）-哔哩哔哩1、让任何用户在无需微信...

第八分钟解谜！微信小程序功夫川... 第八分钟解谜！微信小程序功夫川免费辅助，余干六副真有辅助吗（一直是真的挂）-哔哩哔哩1、下载好微信小...

7分钟总结！圣游辅助器，邳州友... 7分钟总结！圣游辅助器，邳州友友辅助（都是是真的挂）-哔哩哔哩1、邳州友友辅助ai机器人多个强度级别...

8分钟外挂！佛手在线辅助器苹果... 8分钟外挂！佛手在线辅助器苹果版，小闲川南手游辅助器，透明挂教程（有挂辅助）-哔哩哔哩1）佛手在线辅...

第4分钟科普！蘑菇云游破解版，... 第4分钟科普！蘑菇云游破解版，同城乐吧乐享版510k辅助（确实存在有挂）-哔哩哔哩；1、完成同城乐吧...

第四分钟外挂！老夫子拼十辅助，... 第四分钟外挂！老夫子拼十辅助，浙江游戏大厅修改器，细节揭秘（新版有挂）-哔哩哔哩一、浙江游戏大厅修改...