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、鸿福休闲模拟器是...

黑科技开挂！紫锋台州麻将(开挂... 黑科技开挂！紫锋台州麻将(开挂),团团游戏都是真的是有透视挂插件（果真有辅助挂）1、打开软件启动之后...

黑科技透视挂！姜堰23张(透视... 黑科技透视挂！姜堰23张(透视挂),姜堰23张原来是真的有透视挂脚本（有辅助挂工具）1、超多福利：超...

黑科技作弊器！聚星(作弊器),... 黑科技作弊器！聚星(作弊器),楚天游一直是有透视挂app（果真有辅助挂）1、这是跨平台的楚天游轻量版...

黑科技辅助器！贝壳互娱厅(辅助... 黑科技辅助器！贝壳互娱厅(辅助器),华夏娱乐原来真的有透视挂攻略（有辅助挂秘籍）1、用户打开应用后不...

黑科技外挂！大唐麻将(外挂),... 黑科技外挂！大唐麻将(外挂),嘟咪互动麻将原来存在有透视挂插件（有辅助挂app）1、在嘟咪互动麻将插...

黑科技透视器！神殿娱乐(透视器... 黑科技透视器！神殿娱乐(透视器),兴动海满麻将一直真的是有透视挂教程（有辅助挂分析）1、许多玩家不知...

黑科技辅助器！陌陌(辅助器),... 黑科技辅助器！陌陌(辅助器),奔富棋牌确实有透视挂软件（有辅助挂总结）一、奔富棋牌可以开透视的定义与...

黑科技透视挂！大众棋牌(透视挂... 黑科技透视挂！大众棋牌(透视挂),新玉海楼茶苑切实是有透视挂方法（有辅助挂教程）1、点击下载安装，新...

黑科技透视挂！新九天(透视挂)... 黑科技透视挂！新九天(透视挂),宝宝浙江好像真的是有透视挂脚本（果真有辅助挂）运宝宝浙江辅助工具，进...