Angular投影:ngProjectAs无法正常工作
创始人
2024-10-29 19:01:04
0

在Angular投影项目中,ngProjectAs指令通常用于设置投影的CSS类或元素选择器,以覆盖默认的投影行为。但是,有时候我们会发现,ngProjectAs似乎没有按照预期工作。

可能的原因是我们没有正确地使用ngProjectAs指令,或者我们在应用程序的其他地方覆盖了它的样式。

下面是一个示例代码,我们在app.component.html中使用ngProjectAs指令:


  

Welcome to my Website

在我们的Header组件中,我们应该将ng-content元素设置为具有相同的选择器:

@Component({
  selector: 'app-header',
  template: `
    
`, styles: [` .header { background-color: #333; color: #fff; padding: 10px; } `] }) export class HeaderComponent {}

请注意,我们将ng-content的选择器设为“[header]”,这与我们在app.component.html文件中使用的ngProjectAs指令的值相对应。

这样,我们就可以确保ngProjectAs指令正常工作,并正确地覆盖投影样式。

相关内容

热门资讯

黑科技私人局(wpk最新黑科技... 黑科技私人局(wpk最新黑科技)wpk 辅助工具(wpK)都是是有挂(今日头条)-哔哩哔哩1、实时w...
黑科技模拟器(wpk最新黑科技... 黑科技模拟器(wpk最新黑科技)wpk透视辅助合作(wpK)本来是真的有挂(有挂头条)-哔哩哔哩一、...
黑科技实锤(wpk ai辅助)... 黑科技实锤(wpk ai辅助)wpk辅助器下载方式(WpK)好像真的是有挂(有挂规律)-哔哩哔哩1、...
黑科技代打(wpk最新黑科技)... 黑科技代打(wpk最新黑科技)wpk德州有挂吗(wpK)果然真的是有挂(发现有挂)-哔哩哔哩1、用户...
黑科技脚本(wpk最新黑科技)... 黑科技脚本(wpk最新黑科技)wpk辅助神器(wpK)真是是有挂(有挂方法)-哔哩哔哩一、wpk最新...
黑科技计算(wpk ai辅助)... 黑科技计算(wpk ai辅助)wpk透手牌测试(wpK)都是真的有挂(有挂神器)-哔哩哔哩wpk透手...
辅助黑科技(wpk ai辅助)... 辅助黑科技(wpk ai辅助)微扑克ai辅助工具(wPK)竟然是真的有挂(有挂辅助)-哔哩哔哩1、微...
黑科技智能ai(wpk ai辅... 黑科技智能ai(wpk ai辅助)wpk数据统计软件(wPK)好像存在有挂(确实有挂)-哔哩哔哩一、...
黑科技能赢(wpk ai辅助)... 黑科技能赢(wpk ai辅助)微扑克wpk辅助软件(wPK)一贯存在有挂(有挂秘籍)-哔哩哔哩1)微...
黑科技工具(wpk最新黑科技)... 黑科技工具(wpk最新黑科技)wpk辅助器是真是假(WpK)一贯存在有挂(有挂透明挂)-哔哩哔哩1)...