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

黑科技数据！wepoke德州扑... 1、黑科技数据！wepoke德州扑克ai软件（辅助挂）从来是有挂（有挂苹果版本）-哔哩哔哩2、进入游...

黑科技攻略！德州aiapp（黑... 黑科技攻略！德州aiapp（黑科技ai）好像存在有挂（有挂教学）-哔哩哔哩；德州aiapp软件透明挂...

黑科技了解！wepoke德州扑... 黑科技了解！wepoke德州扑克智能ai（黑科技ai）往昔有挂（有挂盈利）-哔哩哔哩1、玩家可以在w...

黑科技教程！wpkai辅助实战... 此外，数据分析德州(wpkai辅助实战效果)辅助神器app还具备辅助透视行为开挂功能，通过对客户wp...

黑科技了解！微扑克ai操作（辅... 这是一款非常优秀的微扑克ai操作 ia辅助检测软件，能够让你了解到微扑克ai操作中牌率当中全部隐藏参...

黑科技总结！德扑数据软件（透视... 黑科技总结！德扑数据软件（透视）果然存在有挂（有挂胜率）-哔哩哔哩；最新版2024是一款经典耐玩的益...

黑科技玄学！德扑统计软件（黑科... 《黑科技玄学！德扑统计软件（黑科技）原本真的有挂（有挂苹果版本）-哔哩哔哩》德扑统计软件软件透明挂...

黑科技系统！wepoke有挂么... 黑科技系统！wepoke有挂么（辅助挂）其实真的是有挂（有挂猫腻）-哔哩哔哩；建议优先通过wepok...

黑科技讲解！gg扑克发牌（智能... 黑科技讲解！gg扑克发牌（智能ai）一直真的有挂（有挂德州）-哔哩哔哩；亲真的是有正版授权，小编（透...

黑科技模拟器！德州ai人工智能... 此外，数据分析德州(德州ai人工智能软件免费)辅助神器app还具备辅助透视行为开挂功能，通过对客户德...