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

重磅来袭！四川熊猫游戏辅助器，... 中至赣州黑科技辅助软件视频是一款专注玩家量身打造的游戏记牌类型软件，在中至赣州黑科技辅助软件视频这款...

透视了解！广西老友玩手游辅助，... 透视了解！广西老友玩手游辅助，德州局透视脚本下载安装最新版本（辅助挂）详细开挂辅助神器；无需打开直接...

技术分享！九游辅助破解版，吉祥... 技术分享！九游辅助破解版，吉祥填大坑有什么诀窍（真的有挂开挂辅助平台）；无需打开直接搜索微信（136...

透视最新！佛手在线大菠萝为什么... 透视最新！佛手在线大菠萝为什么都输，佛手在线有挂吗（辅助挂）详细开挂辅助神器；无需打开直接搜索薇:1...

总算了解！微乐广西小程序开发，... >>您好：微信小程序雀神挂件确实是有挂的，很多玩家在这款微信小程序雀神挂件游戏中打牌都会发现很多用户...

透视能赢！衢州都莱有挂吗，wp... 透视能赢！衢州都莱有挂吗，wpk作弊最怕三个东西（辅助挂）详细开挂辅助插件；无需打开直接搜索加（薇:...

科技新动态！微信边锋干橙眼辅助... 科技新动态！微信边锋干橙眼辅助，推荐宝宝浙江辅助（有挂透明挂开挂辅助脚本）1、下载安装好微信边锋干橙...

透明辅助！欢乐联盟游戏辅助，w... >>您好：wepoker新号好一点吗确实是有挂的，很多玩家在这款wepoker新号好一点吗游戏中打牌...

必备辅助推荐！长春科乐辅助，新... 必备辅助推荐！长春科乐辅助，新九哥智能辅助app（确实有挂辅助开挂脚本）了解更多开挂安装加（136...

透明软件！微信填大坑辅助，we... 透明软件！微信填大坑辅助，wepoker辅助透视软件（辅助挂）详细开挂辅助安装您好：wepoker辅...