angularjs - ng-class 如果对象存在

Question

如果对象存在，我们如何激活类。我有一个 json 数组，如果该特定数组存在 image_id，我需要在其中激活一个类。

something like ng-if="data.image_id"  then class get activated

 <div class="test" ng-class="classonimage:data.image_id">
   //showing data

<div>

此处类测试处于活动状态，但如果 image_id 存在，则会激活 classonimage 以修改少数 css 属性。

因此，如果它包含图像，我想在这里对故事进行一些更改。我们如何在 ng-if 上激活 ng-class。我们怎样才能做到这一点？

score 3 · Accepted Answer

尝试：

<div class="test" ng-class="{'classonimage':data.image_id}"><div>

将类名放在“ ”之间很重要，因为如果类名包含-ng-class 将不起作用。

score 2 · Accepted Answer

检查是否data.image_id已定义，并更正您的语法ngClass：

<div class="test" ng-class="{classonimage : data.image_id !== undefined}"></div>

score 1 · Accepted Answer

用于ng-class="{classonimage:data.image_id}控制该元素的类。

这是示例plunk：

如果 data.image_id 为真，您将看到该类应用字体大小（在 style.css 中）。

3 回答 3