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

查到实测！卡五星辅助软件，we... 查到实测！卡五星辅助软件，wepoker作弊方法，插件教程（有挂实锤）;卡五星辅助软件AI智能教程细...

专业讨论！朋朋政和软件辅助器，... 专业讨论！朋朋政和软件辅助器，WePoKer辅助器，攻略教程（有挂方针）；亲真的是有正版授权，小编（...

让我来分享经验！微信呢小程序辅... 让我来分享经验！微信呢小程序辅助器，wepoker透视脚本下载，安装教程（真实有挂）是一款可以让一直...

专业讨论！斗棋辅助脚本视频，拱... 您好：斗棋辅助脚本视频这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌...

玩家必备科技！欢乐贰柒拾辅助，... 玩家必备科技！欢乐贰柒拾辅助，hhpoker作弊实战视频，攻略教程（有挂辅助）是一款可以让一直输的玩...

专业讨论！点我休闲辅助器，we... 专业讨论！点我休闲辅助器，wepoker轻量版辅助，教你攻略（了解有挂）;1、让任何用户在无需AI插...

2分钟细说！微信小程序雀神辅助... 2分钟细说！微信小程序雀神辅助器，wpk辅助是什么，实用技巧（有挂攻略）是一款可以让一直输的玩家，快...

玩家必备科技！jj斗地主外开挂... 玩家必备科技！jj斗地主外开挂，德普之星怎么开辅助，攻略教程（有挂方略）是一款可以让一直输的玩家，快...

分享个大家！汇城辅助，wepo... 您好：汇城辅助这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特别好，...

最新技巧！胡乐辅助脚本是真的假... 最新技巧！胡乐辅助脚本是真的假的，wpk有作弊吗，微扑克教程（有挂工具）；胡乐辅助脚本是真的假的中的...