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

相关内容

热门资讯

玩家必备教程！pokermas... 玩家必备教程！pokermaster辅助器，约局吧德州可以透视吗，详细教程（有挂神器）；科技安装教程...
热点推荐！hhpkoer辅助挂... 热点推荐！hhpkoer辅助挂是真的吗，wpk模拟器，2025新版技巧（有挂神器）是由北京得hhpk...
大神推荐！we poker插件... 大神推荐！we poker插件，wejoker黑侠辅助器，AI教程（有挂技巧）1、不需要AI权限，帮...
玩家必备科普！佛手大菠萝13道... 这是一款非常优秀的菠萝辅助器免费版的特点 ia辅助检测软件，能够让你了解到菠萝辅助器免费版的特点中牌...
最新技巧！约局吧如何查看是否有... 最新技巧！约局吧如何查看是否有挂，智星德州可以透视吗，黑科技教程（有挂透视）；1.约局吧如何查看是否...
科技新动态！wepoker私人... 科技新动态！wepoker私人局可以透视，wejoker辅助机器人，AI教程（有挂攻略）科技教程也叫...
重大通报！aapoker辅助器... 重大通报！aapoker辅助器怎么用，德州局透视脚本免费版下载手机版，黑科技教程（有挂攻略）；原来确...
一分钟了解！wepoker有辅... 一分钟了解！wepoker有辅助功能吗，德州局脚本，AI教程（有挂教程）；玩家必备必赢加哟《1367...
今日头条！wepoker透视辅... 今日头条！wepoker透视辅助下载，佛手在线大菠萝为什么都输，2025教程（有挂攻略）；最新版20...
科普分享！hhpoker有作弊... 1、科普分享！hhpoker有作弊的吗，拱趴大菠萝有什么挂，揭秘教程（有挂神器）。2、拱趴大菠萝有什...