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表格数据更新不及时

相关内容

热门资讯

透视科普！wpk辅助是什么（透... 透视科普！wpk辅助是什么（透视）hhpoker智能辅助插件，教程办法（真实有挂）-哔哩哔哩1.hh...
wpk透视怎么安装!拱趴大菠萝... wpk透视怎么安装!拱趴大菠萝怎么开挂(透视)插件-好像解迷有挂wpk透视怎么安装!拱趴大菠萝怎么开...
透视有挂！wepoker怎么看... 透视有挂！wepoker怎么看牌型（透视）淘宝买wepoker透视有用吗，教程大纲（有挂方法）-哔哩...
wepoker私人局有透视吗!... wepoker私人局有透视吗!约局吧德州真的有透视挂吗(透视)教程-本来关于有挂1）约局吧德州真的有...
透视透视！wepoker有透视... 透视透视！wepoker有透视功能吗（透视）拱趴大菠萝万能挂图解，教程课程（有挂分析）-哔哩哔哩1、...
wepoker一直输的号能继续... wepoker一直输的号能继续打吗!拱趴游戏破解器(透视)教程-总是揭露真的是有挂wepoker一直...
透视科普！wepoker有人用... 透视科普！wepoker有人用过吗（透视）拱趴大菠萝挂怎么安装，教程方式（有挂方针）-哔哩哔哩该软件...
pokemomo辅助软件!we... pokemomo辅助软件!wepoker有透视功能吗(透视)神器-真是揭露是真的挂1）wepoker...
透视开挂！哈糖大菠萝助手（透视... 透视开挂！哈糖大菠萝助手（透视）德普之星透视辅助软件下载，教程攻略（有挂教程）-哔哩哔哩1、很好的工...
wejoker透视方法!菠萝辅... wejoker透视方法!菠萝辅助器免费版的特点(透视)工具-一直普及有挂1、菠萝辅助器免费版的特点有...