Angular使用包装组件来包含primengp-inputnumber组件无法样式化。
创始人
2024-10-29 12:30:53
0次
  1. 创建一个新的组件来包装primeng p-inputnumber组件，并将必要的样式绑定到该组件上。例如：

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

@Component({ selector: 'app-custom-input', template: , styles: [ /* Add your custom styles */ .custom-style .ui-inputnumber-input { background-color: lightgreen; } ] }) export class CustomInputComponent { @Input() value: number; @Input() customColor: string; @Input() disabled: boolean; @Input() readonly: boolean; }

  1. 在需要使用primeng p-inputnumber组件的地方使用新创建的组件。例如：

这样，你就可以在你的应用程序中使用自定义样式了。

上一篇：Angular使用AWS Amplify时的路由问题

下一篇：Angular使用变量值而不是变量名称字符串。

相关内容

热门资讯

总算了解！wepoker开脚本... 总算了解！wepoker开脚本视频，哈糖大菠萝怎么挂，技巧教程（有挂攻略）1、点击下载安装，微扑克w...
教学盘点！wepoker辅助器... 教学盘点！wepoker辅助器，佛手在线大菠萝辅助，专业教程（有挂攻略）；支持多人共享记分板与复盘，...
揭秘关于！wepoker提高好... 揭秘关于！wepoker提高好牌率，sohoo竞技联盟辅助器，AI教程（有挂软件）；支持多人共享记分...
分享个大家！wpk透视插件，w... 分享个大家！wpk透视插件，wepoker轻量版透视系统，存在挂教程（有挂辅助）；玩家必备必赢加哟《...
玩家必看科普！aapoker免... 玩家必看科普！aapoker免费透视脚本，大菠萝免费辅助，透视教程（有挂软件）1、很好的工具软件，可...
实测交流！wepoker黑侠破... 实测交流！wepoker黑侠破解，智星德州插件，教你教程（有挂方法）1、很好的工具软件，可以解锁游戏...
玩家必用！aapoker如何设... 玩家必用！aapoker如何设置胜率，wpk俱乐部辅助器，力荐教程（有挂神器）；建议优先通过aapo...
科普攻略！epoker透视底牌... 科普攻略！epoker透视底牌，大菠萝789辅助器下载，大神讲解（有挂神器）；致您一封信；亲爱大菠萝...
发现一款！wpk透视插件，we... 1、发现一款！wpk透视插件，wepoker轻量版透视系统，总结教程（有挂技巧）；详细教程。2、we...
安装程序教程！wepoker有... 安装程序教程！wepoker有用吗，wepoker私人局辅助挂，教你教程（有挂方法），支持语音通讯、...