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

本来有辅助"微信小程... 微信小程序广东雀神智能插件是一款可以让一直输的玩家，快速成为一个“必胜”的ai辅助神器，有需要的用户...

本然有开挂"川娱竞技... 本然有开挂"川娱竞技血战辅助器"开挂(透视)辅助插件(解说技巧有挂存在)《详细加薇136704302...

原生有开挂"拱趴游戏... 原生有开挂"拱趴游戏插件"开挂(透视)辅助安装(AI教程有挂教程)；打开点击测试直接进入微信（136...

素来有辅助"陕麻圈修... 素来有辅助"陕麻圈修改工具"开挂(透视)辅助下载(2026教程有挂方法) 了解更多开挂安装加（136...

原生有开挂"impo... 原生有开挂"impoker辅助"开挂(透视)辅助软件(科技教程有挂总结)>>您好：软件加136704...

本然有开挂"吉祥填大... 本然有开挂"吉祥填大坑机制原理"开挂(透视)辅助神器(详细教程有挂秘笈)这是一款可以让一直输的玩家，...

一向有辅助"拱趴大菠... >>您好：拱趴大菠萝辅助神器下载确实是有挂的，很多玩家在这款拱趴大菠萝辅助神器下载游戏中打牌都会发现...

最初有开挂"poke... 最初有开挂"pokemmo辅助脚本"开挂(透视)辅助透视(2026新版教程有挂攻略)；无需打开直接搜...

起初有辅助"顺欣茶楼... 起初有辅助"顺欣茶楼智能辅助器"开挂(透视)辅助透视(必胜教程有挂攻略)这是一款可以让一直输的玩家，...

本来有开挂"嘟嘟十三... 嘟嘟十三张透视脚本无需打开直接搜索微信：136704302本司针对手游进行，选择我们的四大理由: ...