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好... 第二分钟辅助！wepoker好友助力码，wepoker透视辅助下载，指引教程（有挂助手）1、wepo...

六分钟辅助！wpk模拟器，hh... 六分钟辅助！wpk模拟器，hhpoker的辅助是真的吗，策略教程（新版有挂）1、hhpoker的辅助...

9分钟辅助！微扑克微乐辅助，w... 9分钟辅助！微扑克微乐辅助，wepoker私人局辅助器怎么用，指引教程（有挂方略）1、用户打开应用后...

第1分钟辅助！wepoker免... 第1分钟辅助！wepoker免费脚本咨询，hhpoker有没有作弊挂，举措教程（有挂实锤）1、起透看...

第十分钟辅助！cloudpok... 第十分钟辅助！cloudpoker作弊，wepoker模拟器哪个好用，大纲教程（了解有挂）1.wep...

第5分钟辅助！fishpoke... 第5分钟辅助！fishpoker透视，epoker透视，妙招教程（真是有挂）1、金币登录送、破产送、...

第九分钟辅助！wpk有那种辅助... 第九分钟辅助！wpk有那种辅助吗，wepoker私人局规律，窍门教程（有挂教学）亲，关键说明，wep...

第2分钟辅助！wepoker私... 第2分钟辅助！wepoker私人局辅助，wepoker作弊视频，举措教程（有挂技巧）1、第2分钟辅助...

第6分钟辅助！德普之星辅助器，... 第6分钟辅助！德普之星辅助器，德州透视插件，资料教程（有挂总结）1、在德普之星辅助器插件功能辅助器技...

第二分钟辅助！wepoker免... 第二分钟辅助！wepoker免费透视，wepoker免费透视，举措教程（有挂解密）1、许多玩家不知道...