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

经调查!pokermaster... 经调查!pokermaster修改器(透视)黑桃a3哟西破解版(切实是有辅助神器)-哔哩哔哩1、黑桃...

透视了解!xpoker怎么作必... 透视了解!xpoker怎么作必弊(透视)海豹3+1辅助器(好像真的是有辅助平台)-哔哩哔哩1、首先打...

随着!aapoker透视插件(... 随着!aapoker透视插件(透视)兴动助手脚本(竟然真的有辅助app)-哔哩哔哩随着!aapoke...

目前来看!约局吧辅助器(透视)... 目前来看!约局吧辅助器(透视)传送屋高仿版激k辅助(切实有辅助下载)-哔哩哔哩；在进入传送屋高仿版激...

透视科技!wepoker怎么设... 透视科技!wepoker怎么设置盖牌(透视)微乐家乡游戏攻略(确实真的是有辅助安装)-哔哩哔哩1、下...

记者获悉!德普之星辅助软件(透... 记者获悉!德普之星辅助软件(透视)边锋辅助装备(好像真的是有辅助辅助器)-哔哩哔哩1、首先打开边锋辅...

有了最新消息!德普之星怎么设置... 有了最新消息!德普之星怎么设置埋牌(透视)菠萝神辅助器app(都是真的有辅助平台)-哔哩哔哩1、金币...

透视教程!pokermaste... 透视教程!pokermaster辅助器(透视)拱趴大菠萝辅助工具下载(其实真的有辅助工具)-哔哩哔哩...

透视软件!wepokerplu... 透视软件!wepokerplus万能挂(透视)约战沙城挂机辅助(一直是有辅助工具)-哔哩哔哩约战沙城...

透视系统!wepoker透视最... 透视系统!wepoker透视最简单三个步骤(透视)微信小程序辅助app下载(真是真的是有辅助神器)-...