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

上一篇：Angular中的多层嵌套模块和路由

下一篇：Angular中的多个@Input()装饰器与单个@Input()装饰器使用的比较

相关内容

热门资讯

一分钟揭秘！wepokerpl... 一分钟揭秘！wepokerplus辅助，hh poker辅助器先试用，揭秘攻略（一贯是有挂的）-哔哩...
终于清楚！newpoker怎么... 终于清楚！newpoker怎么安装脚本，we-poker软件，力荐教程（一直是有挂的）-哔哩哔哩;1...
揭秘关于！wepoker钻石怎... 揭秘关于！wepoker钻石怎么看底牌，德普之星的辅助工具介绍，必胜教程（一直确实有挂）-哔哩哔哩;...
一分钟揭秘！uupoker有透... 一分钟揭秘！uupoker有透视吗，hhpoker有没有辅助，新2026版（一贯真的有挂）-哔哩哔哩...
科技通报！hhpoker为什么... 科技通报！hhpoker为什么一直输，wepoker透视脚本苹果版，存在挂教程（原来有挂）-哔哩哔哩...
透视辅助！wepokerplu... 透视辅助！wepokerplus透视脚本免费，wepoker辅助插件功能，必备教程（一贯有挂）-哔哩...
透视辅助！wejoker内置辅... 透视辅助！wejoker内置辅助，hhpoker有辅助的吗，wpk教程（其实真的有挂）-哔哩哔哩，h...
一分钟了解！wepoker透视... 一分钟了解！wepoker透视脚本下载，wepoker怎么看牌型，黑科技教程（其实真的是有挂）-哔哩...
推荐十款！约局吧德州有挂吗，w... 推荐十款！约局吧德州有挂吗，wpk私人局辅助是真的吗，规律教程（一直真的有挂）-哔哩哔哩；wpk私人...
分享实测！模拟器打开hhpok... 分享实测！模拟器打开hhpoker，哈糖大菠萝怎么挂，靠谱教程（原来是有挂）-哔哩哔哩相信很多朋友都...