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

相关内容

热门资讯

程序员教你!微竞吉林麻将透视脚... 您好,微竞吉林麻将这款游戏可以开挂的,确实是有挂的,需要了解加去威信【136704302】很多玩家在...
一分钟揭秘!天天麻将辅助器脚本... 一分钟揭秘!天天麻将辅助器脚本软件,天天麻将原来真的是有辅助器辅助教程1)天天麻将有没有挂:进一步探...
技术分享!中至九江麻将辅助脚本... 技术分享!中至九江麻将辅助脚本软件,中至九江麻将一贯有辅助解密神器技术分享!中至九江麻将辅助脚本软件...
最新技巧!山烽在线辅助器脚本软... 最新技巧!山烽在线辅助器脚本软件,山烽在线其实是有辅助器解谜神器1、操作简单,无需山烽在线手机版透视...
盘点一款!乐清湾麻将开挂脚本软... 盘点一款!乐清湾麻将开挂脚本软件,乐清湾麻将原来真的有开挂了解脚本1、全新机制【乐清湾麻将ai辅助工...
最新技巧!汇友娱乐透视脚本软件... 最新技巧!汇友娱乐透视脚本软件,汇友娱乐果然是有透视科普技巧1)汇友娱乐有没有挂:进一步探索汇友娱乐...
大神推荐!聚乐新版本辅助脚本软... 大神推荐!聚乐新版本辅助脚本软件,聚乐新版本都是真的有辅助揭幕软件1、游戏颠覆性的策略玩法,独创攻略...
玩家必备教程!大神棋牌透视挂脚... 玩家必备教程!大神棋牌透视挂脚本软件,大神棋牌都是有透视挂解迷教程1、下载好大神棋牌正确养号方法之后...
总算清楚!亲友房透视脚本软件,... 总算清楚!亲友房透视脚本软件,亲友房其实真的有透视揭露攻略进入游戏-大厅左侧-新手福利-激活码辅助透...
实测交流!桓仁奥云麻将透视脚本... 实测交流!桓仁奥云麻将透视脚本软件,桓仁奥云麻将竟然存在有透视关于插件1、每一步都需要思考,不同水平...