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()装饰器使用的比较

相关内容

热门资讯

透视妙招！wepoker透视脚... 透视妙招！wepoker透视脚本免费（WePoKer代打）总是真的是有辅助神器（哔哩哔哩）1、在we...
透视指南书!pokemomo辅... 透视指南书!pokemomo辅助工具(透视)约局吧开挂(辅助)竟然是真的有脚本(哔哩哔哩)在进入po...
透视诀窍！wepoker私人局... 透视诀窍！wepoker私人局开挂视频（WPK靠谱）真是有辅助攻略（哔哩哔哩）1、wepoker私人...
透视办法！智星德州可以透视吗（... 透视办法！智星德州可以透视吗（WePoKer底牌）总是是有辅助插件（哔哩哔哩）1）智星德州可以透视吗...
透视教材!德州私人局脚本(透视... 透视教材!德州私人局脚本(透视)werplan外开挂(辅助)都是有攻略(哔哩哔哩)1、德州私人局脚本...
透视指南！hhpoker作必弊... 透视指南！hhpoker作必弊码怎么用（AApoker使用）一直真的有辅助插件（哔哩哔哩）1、hhp...
透视攻略!aa poker辅助... 透视攻略!aa poker辅助(透视)哈糖大菠萝挂(辅助)果然有脚本(哔哩哔哩)该软件可以轻松地帮助...
透视窍要！wpk辅助哪里买（W... 透视窍要！wpk辅助哪里买（WePoKer辅助器）其实有辅助方法（哔哩哔哩）1、完成wpk辅助哪里买...
透视操作!德州局透视(透视)p... 透视操作!德州局透视(透视)pokemmo辅助器(辅助)切实真的有技巧(哔哩哔哩)1、在pokemm...
透视窍门！aapoker插件下... 透视窍门！aapoker插件下载（AApoker拿好牌）一直存在有辅助攻略（哔哩哔哩）1、上手简单，...