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透视有用吗(透视)透视脚本免费app(竟然是有挂)1、进入游戏-大厅左...

透视数据!德普之星辅助器怎么用... 透视数据!德普之星辅助器怎么用(透视)私人局透视（原来有挂）；1、全新机制【德普之星辅助器怎么用软件...

透视了解!wejoker内置辅... 透视了解!wejoker内置辅助(透视)透视脚本免费(总是是真的有挂)；暗藏猫腻，小编详细说明wej...

透视挂!德普之星透视辅助软件是... 透视挂!德普之星透视辅助软件是真的吗(透视)透视辅助软件（总是存在有挂）1、德普之星透视辅助软件是真...

透视总结!wepoker智能辅... 透视总结!wepoker智能辅助插件(透视)有插件(果然真的有挂)1、玩家可以在wepoker智能辅...

透视代打!德普之星透视辅助软件... 透视代打!德普之星透视辅助软件(透视)透视（本来真的是有挂）1、玩家可以在德普之星透视辅助软件软件透...

透视脚本!wepoker私人局... 透视脚本!wepoker私人局透视插件(透视)模拟器哪个好用(其实真的是有挂)；1、wepoker私...

透视数据!德普之星app安卓版... 透视数据!德普之星app安卓版破解版(透视)辅助器app（原来存在有挂）1、进入到德普之星app安卓...

透视最新!wepoker透视版... 透视最新!wepoker透视版下载(透视)辅助器免费(真是是真的有挂)1、点击下载安装，wepoke...

透视挂透视!德普之星透视辅助软... 透视挂透视!德普之星透视辅助软件(透视)透视辅助插件（本来真的是有挂）；1、每一步都需要思考，不同水...