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）佛手在线...

详细透视！aapoker怎么设... 详细透视！aapoker怎么设置提高好牌几率，微信小程序微乐陕西挖坑，模块教程（有人有挂）-哔哩哔哩...

推荐透视！hhpoker可以控... 推荐透视！hhpoker可以控制吗，微乐智能辅助app，手册教程（有挂秘籍）-哔哩哔哩1、全新机制【...

有挂透视！wepoker有辅助... 有挂透视！wepoker有辅助器吗，微乐自建房辅助软件功能，阶段教程（有人有挂）-哔哩哔哩1、首先打...

曝光透视！约局吧德州有挂吗，微... 曝光透视！约局吧德州有挂吗，微乐小程序辅助器代理，步骤教程（有挂技术）-哔哩哔哩1、点击下载安装，约...

曝光透视！哈糖大菠萝怎么开挂，... 曝光透视！哈糖大菠萝怎么开挂，微乐小程序挂哪里，模块教程（有挂辅助）-哔哩哔哩哈糖大菠萝怎么开挂辅助...

科普透视！hhpoker辅助挂... 科普透视！hhpoker辅助挂是真的吗，微乐卡五星祈福有用吗，绝活教程（新版有挂）-哔哩哔哩1、让任...

解谜透视！wepoker底牌透... 解谜透视！wepoker底牌透视脚本，微乐江苏自建房辅助app，教材教程（真的有挂）-哔哩哔哩1、玩...

揭露透视！wepoker有什么... 揭露透视！wepoker有什么规律，微乐脚本，诀窍教程（有挂技巧）-哔哩哔哩一、wepoker有什么...

关于透视！pokermaste... 关于透视！pokermaster辅助器，微乐陕西小程序破解器下载，经验教程（有挂秘籍）-哔哩哔哩1、...