Angular 5: 将动态类名传递给ng-content的"select"属性
创始人
2024-10-15 22:01:06
0次

在Angular 5中，可以通过使用动态类名来传递给ng-content的"select"属性。下面是一个示例解决方案：

在父组件的模板中，使用属性绑定将动态类名传递给子组件：

然后，在子组件中，使用@Input装饰器来接收动态类名：

import { Component, Input } from '@angular/core';

@Component({
  selector: 'app-child',
  template: ''
})
export class ChildComponent {
  @Input() dynamicClass: string;
}

最后，在父组件中使用所需的动态类名：

Hello, World!

这样，父组件中的div元素将具有类名"myDynamicClass"，并且将被传递给子组件的ng-content标签的"select"属性。

上一篇：Angular 5: 购物车

下一篇：Angular 5: 来自不同组件的Material表格数据更新不及时

相关内容

热门资讯

透视详细！wepoker有没有... 透视详细！wepoker有没有挂（透视）wpk有那种辅助吗，教程积累（有挂透明挂）-哔哩哔哩wpk有...
拱趴大菠萝开挂方法!竞技联盟透... 拱趴大菠萝开挂方法!竞技联盟透视(透视)插件-确实总结真的有挂暗藏猫腻，小编详细说明拱趴大菠萝开挂方...
透视开挂！hhpoker德州挂... 透视开挂！hhpoker德州挂真的有吗（透视）约局吧开挂神器是真的吗，教程模板（有挂工具）-哔哩哔哩...
epoker免费透视脚本!德州... epoker免费透视脚本!德州透视是真的假的(透视)app-都是揭露真的有挂1）德州透视是真的假的辅...
透视科普！fishpoker透... 透视科普！fishpoker透视底牌（透视）wepoker私人辅助器，教程指南书（证实有挂）-哔哩哔...
aapoker万能辅助器!wp... aapoker万能辅助器!wpk辅助哪里买(透视)技巧-本来揭露有挂该软件可以轻松地帮助玩家将aap...
透视了解！hhpoker辅助软... 透视了解！hhpoker辅助软件下载（透视）wepoker有插件吗，教程大纲（真是有挂）-哔哩哔哩1...
wejoker辅助器要钱玩吗!... wejoker辅助器要钱玩吗!线上德州的辅助器是什么(透视)软件-果然解迷有挂线上德州的辅助器是什么...
透视关于！wepoker透视有... 透视关于！wepoker透视有用吗（透视）wpk可以透视吗，教程窍门（有挂教学）-哔哩哔哩1、完成w...
aapoker真的假的!wep... aapoker真的假的!wepoker透视脚本下载(透视)挂-竟然详细存在有挂wepoker透视脚本...