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

技术分享!海米大厅辅助(辅助挂... 技术分享!海米大厅辅助(辅助挂)aapoker怎么拿好牌(本来是真的有挂);1、很好的海米大厅辅助工...

最新技巧!随意玩辅助器(辅助挂... 最新技巧!随意玩辅助器(辅助挂)epoker有透视吗(本然有挂);1、让任何用户在无需AI插件第三方...

技术分享!微信微乐辅助插件(辅... 技术分享!微信微乐辅助插件(辅助挂)悦扑克脚本(一向是真的有挂)；技术分享!微信微乐辅助插件(辅助挂...

实测揭晓!四川游戏辅助器(辅助... 您好：四川游戏辅助器这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户的牌特...

我来向大家传授!微信微乐游戏辅... 您好：微信微乐游戏辅助脚本这款游戏可以开挂的，确实是有挂的，很多玩家在这款游戏中打牌都会发现很多用户...

分享开挂内幕!海贝之城有辅助吗... 分享开挂内幕!海贝之城有辅助吗(辅助挂)红龙poker辅助平台(原本真的是有挂);1、让任何用户在无...

实操分享!山西奇迹打锅子辅助(... 实操分享!山西奇迹打锅子辅助(辅助挂)hhpoker可以控制牌吗(素来存在有挂);一、山西奇迹打锅子...

发现一款!微乐辅助软件购买平台... 发现一款!微乐辅助软件购买平台(辅助挂)sohoo竞技联盟辅助器(本然有挂);1、这是跨平台的微乐辅...

玩家必看!多乐跑辅助(辅助挂)... 玩家必看!多乐跑辅助(辅助挂)hhpoker有没有作弊挂(竟然真的是有挂);1、不需要AI权限，帮助...

教程辅助!胡易辅助软件(辅助挂... 教程辅助!胡易辅助软件(辅助挂)wepoker轻量版书签(原来是真的有挂);人气非常高，ai更新快且...