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指令在类未定义时引发的错误。

突发！哈糖大菠萝怎么挂，新众亿... 突发！哈糖大菠萝怎么挂，新众亿辅助，其实是有辅助方法（哔哩哔哩）1、用户打开应用后不用登录就可以直接...

今年以来！wpk德州局透视，潮... 今年以来！wpk德州局透视，潮汕掌上娱乐脚本，都是是真的有辅助app（哔哩哔哩）1、很好的工具软件，...

无独有偶！werplan有挂吗... 无独有偶！werplan有挂吗，皮皮游戏辅助平台，确实真的有辅助教程（哔哩哔哩）皮皮游戏辅助平台能透...

今年以来！hhpoker德州牛... 今年以来！hhpoker德州牛仔视频，新上游拼十辅助，真是是真的有辅助工具（哔哩哔哩）1、新上游拼十...

在玩家背景下！hhpoker免... 在玩家背景下！hhpoker免费透视脚本，潮汕激k传送屋辅助器，总是是有辅助插件（哔哩哔哩）1、全新...

据报道！来玩app破解版，so... 据报道！来玩app破解版，sohoo竞技联盟辅助，一贯存在有辅助神器（哔哩哔哩）暗藏猫腻，小编详细说...

随着！德州来玩辅助器，微信边锋... 随着！德州来玩辅助器，微信边锋辅助软件，切实真的是有辅助插件（哔哩哔哩）微信边锋辅助软件能透视中分为...

最新消息！aapoker插件，... 最新消息！aapoker插件，小唐家乐园辅助，其实存在有辅助app（哔哩哔哩）1、进入游戏-大厅左侧...

随着！WePOker有没有透视... 随着！WePOker有没有透视方法，花城牌舍辅助系统有哪些功能，一直存在有辅助教程（哔哩哔哩）一、花...

今年以来！wepoker透视功... 今年以来！wepoker透视功能下载，蘑菇辅助网，总是存在有辅助app（哔哩哔哩）1、首先打开蘑菇辅...