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、微信微乐...

3分钟脚本！微乐小程序黑科技，... 3分钟脚本！微乐小程序黑科技，微乐自建房脚本免费下载入口（开挂）都是存在有挂（2026）；小薇（辅助...

7分钟下载！微乐小程序黑科技，... 7分钟下载！微乐小程序黑科技，万能透视辅助器免费版（开挂）一贯是真的挂（2026）1、微乐小程序黑科...

现有关情况通报如下！微乐小程序... 现有关情况通报如下！微乐小程序黑科技，微乐自建房怎么提高胜率（透视）一贯真的有挂（哔哩哔哩）1、微乐...

八分钟下载！微乐小程序免费黑科... 八分钟下载！微乐小程序免费黑科技，微信小程序微乐陕西挖坑外挂（开挂）原来是有挂（2026）一、微...

透视免费！微乐小程序免费黑科技... 透视免费！微乐小程序免费黑科技，微乐江苏自建房辅助app（透视）总是是有挂（哔哩哔哩）1、每一步都需...

5分钟安装！微乐小程序黑科技，... 5分钟安装！微乐小程序黑科技，微乐手游脚本辅助（开挂）一贯有挂（2026）在进入微乐小程序黑科技软件...

透视安装！微乐小程序黑科技，微... 透视安装！微乐小程序黑科技，微乐小程序微乐房间怎么开挂（透视）一直是真的挂（哔哩哔哩）；1）微乐小程...

第9分钟下载！微乐小程序免费黑... 第9分钟下载！微乐小程序免费黑科技，小程序跑得快的技巧（开挂）切实存在有挂（2026）在进入微乐小程...

透视黑科技！微乐小程序黑科技，... 透视黑科技！微乐小程序黑科技，微信微乐游戏辅助脚本（透视）果然是有挂（哔哩哔哩）1、该软件可以轻松地...