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、哈灵脚本...

透视免费！多乐辅助器使用方法，... 透视免费！多乐辅助器使用方法，多乐跑辅助-原来真的是有辅助器（哔哩哔哩）1、实时多乐辅助器使用方法透...

透视挂！榕城50k辅助，闲逸辅... 透视挂！榕城50k辅助，闲逸辅助软件-都是是真的有辅助脚本（哔哩哔哩）所有人都在同一条线上，像星星一...

日前！逍遥卡五星内购破解，情怀... 日前！逍遥卡五星内购破解，情怀游戏辅助器破解版-其实是有辅助工具（哔哩哔哩）亲，关键说明，情怀游戏辅...

透视了解！四川游戏家园通用辅助... 透视了解！四川游戏家园通用辅助在，九游辅助真的假的-原来存在有辅助脚本（哔哩哔哩）1）四川游戏家园通...

透视规律！雀友会广东潮汕苹果脚... 透视规律！雀友会广东潮汕苹果脚本，创思维激k辅助器视频-一直真的是有辅助方法（哔哩哔哩）1、玩家可以...

现就发布提示！开心联盟辅助器免... 现就发布提示！开心联盟辅助器免费，约战竞技场辅助器-真是是真的有辅助插件（哔哩哔哩）1、用户打开应用...

更值得关注的是！福建天天开心辅... 更值得关注的是！福建天天开心辅助器真的假的，填大坑辅助器视频-果然确实有辅助技巧（哔哩哔哩）1、下载...

透视智能ai！七千在线辅助，免... 透视智能ai！七千在线辅助，免费天天贵阳辅助工具-切实真的有辅助插件（哔哩哔哩）1、该软件可以轻松地...

规律辅助挂！随意玩透视辅助，边... 您好，边锋老友威海荣成辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【485275054】很...