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软件购买(... 第九个机制!德扑ai软件购买(实战)透视辅助（真实有挂）-哔哩哔哩；德扑ai软件黑科技是一款具有ia...

第四胜率!广东雀神麻将插件io... 第四胜率!广东雀神麻将插件ios怎么购买(透视)太坑了其实真的有挂(真是有挂)-哔哩哔哩是一款可以让...

第1德州版(微扑克)外挂透明挂... 这是一款非常优秀的微扑克 ia辅助检测软件，能够让你了解到微扑克中牌率当中全部隐藏参数，与同类微扑克...

第9个脚本!微扑克代打是真的吗... 第9个脚本!微扑克代打是真的吗(ai人工智能)辅助透视（有挂教程）-哔哩哔哩；微扑克代打是一款益智类...

九个德州版!德扑之星系统发牌机... 1、九个德州版!德扑之星系统发牌机制(内部)辅助透视（有挂教程）-哔哩哔哩；详细教程。2、德扑之星系...

第8工具!花花生活圈有没有挂(... 您好，花花生活圈有没有挂这款游戏可以开挂的，确实是有挂的，需要了解加微【485275054】很多玩家...

第3专用(wepoKE)外挂透... 这是一款非常优秀的wepoKE ia辅助检测软件，能够让你了解到wepoKE中牌率当中全部隐藏参数，...

一个代打!德扑软件开发(计算胜... 一个代打!德扑软件开发(计算胜率软件)辅助透视（真是有挂）-哔哩哔哩；免费平台AI辅助工具推荐与分析...

4个渠道!微扑克辅助机器人(辅... 微扑克辅助高级策略深度解析‌；4个渠道!微扑克辅助机器人(辅助)透视辅助（有挂方式）-哔哩哔哩；计算...

9私人局!雀神小程序输赢规律(... 9私人局!雀神小程序输赢规律(辅助挂)太坑了原来真的有挂(发现有挂)-哔哩哔哩1、玩家可以在雀神小程...