AngularngClass在类没有定义时引发错误。 _程序开发

创始人

2024-10-28 17:00:44

0次

在Angular应用程序中使用ngClass指令时，如果类没有定义，则会引发错误。以下是解决此问题的一种方法：

假设我们有一个布尔变量，当其值为真时，需要向元素添加类'active”。但是，如果布尔变量不存在，则应显示默认样式，而不是引发错误。

为了解决这个问题，我们可以使用以下代码：

HTML代码：

在这里，我们使用了JavaScript中三元运算符的概念，如果isActive变量存在，则添加类'active”，否则添加类'default”。

@Component({ selector: 'app-my-component', template:

{{ message }}

}) export class MyComponent { isActive = false; message = 'Hello World'; }

在这里，我们创建了一个名为MyComponent的组件，并在其中使用了ngClass指令。当isActive变量为false时，元素将添加类'default”，如果该变量存在但为true，则会添加类'active”。

因此，我们可以使用三元运算符来解决ngClass指令在类未定义时引发的错误。

玩家攻略(微扑克计算器)外挂透... 玩家攻略(微扑克计算器)外挂透明挂辅助神器(黑科技)游戏辅助器(有挂讲解)-哔哩哔哩;一、微扑克计算...

玩家必看秘籍！小程序广东雀神智... 玩家必看秘籍！小程序广东雀神智能插件安装，wepoker免费钻石，曝光教程（有挂总结）1）小程序广东...

科技介绍(WePoKe优势)外... 您好：WePoKe优势这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌...

科技分享！边锋老友荣成辅助器，... 科技分享！边锋老友荣成辅助器，wepoker透视脚本安卓，AA德州教程（有挂猫腻）1、下载好边锋老友...

推荐一款(fishpoker软... 您好，fishpoker软件这款游戏可以开挂的，确实是有挂的，需要了解加微【485275054】很多...

重大通报！山西扣点免费辅助，a... 重大通报！山西扣点免费辅助，aapoker免费透视脚本，可靠技巧（有挂存在）1、该软件可以轻松地帮助...

必看攻略(德州分析)外挂透明挂... 必看攻略(德州分析)外挂透明挂辅助神器(黑科技)德州扑代打(有人有挂)-哔哩哔哩；最新版2026是一...

揭秘！旺旺福建麻将辅助器，wp... 揭秘！旺旺福建麻将辅助器，wpk真的有透视嘛，技巧教程（发现有挂）1、该软件可以轻松地帮助玩家将旺旺...

信息共享(WePoKe透视)外... 信息共享(WePoKe透视)外挂透明挂辅助插件(黑科技)辅助技巧(有挂工具)-哔哩哔哩;相信小伙伴都...

揭秘一下！四川家园辅助器，佛手... 揭秘一下！四川家园辅助器，佛手大菠萝有挂，黑科技教程（有挂教程）1、不需要AI权限，帮助你快速的进行...