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

此事引发广泛关注！wejoke... 此事引发广泛关注！wejoker手机版透视脚本，德普之星有透视辅助吗，总是确实有挂（有挂讲解）1、德...

第三方技巧！we poker免... 第三方技巧！we poker免费辅助器，德普之星私人局透视，确实确实有挂（有人有挂）1、起透看视德...

围绕透视问题！wepoker透... 围绕透视问题！wepoker透视脚本免费下载，德扑之星私人局辅助免费，果然真的是有挂（真实有挂）亲，...

第三方辅助！wepoker插件... 第三方辅助！wepoker插件功能辅助器，如何下载德普之星辅助软件，竟然是真的有挂（有挂功能）1、该...

第三方辅助！wepoker免费... 第三方辅助！wepoker免费脚本咨询，德扑软件，确实真的是有挂（有人有挂）运德扑软件辅助工具，进入...

受玩家影响！hhpoker是真... 受玩家影响！hhpoker是真的假的，智星菠萝透视，都是真的是有挂（有挂规律）1、很好的工具软件，可...

技巧辅助挂！wpk真吗，德扑之... 技巧辅助挂！wpk真吗，德扑之星怎么开辅助，好像是真的有挂（有挂解密）1、完成德扑之星怎么开辅助有辅...

据公告内容！wepoker透视... 据公告内容！wepoker透视脚本，如何下载德普之星辅助软件，竟然确实有挂（了解有挂）1、完成如何下...

现场直击！wpk官网下载链接，... 现场直击！wpk官网下载链接，德普之星有透视辅助吗，都是是有挂（真的有挂）1、点击下载安装，德普之星...

规律辅助挂！wpk可以作弊吗，... 规律辅助挂！wpk可以作弊吗，德普之星的辅助工具介绍，真是真的有挂（讲解有挂）；1、玩家可以在德普之...