如果对象存在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。  我们怎样才能做到这一点？

Answer 1

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

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

Answer 2

尝试：

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

将类名放在''之间非常重要，因为如果类名包含-，则ng-class将无效。

小提琴：http://jsfiddle.net/YwU77/1/

Answer 3

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

以下是示例plunk：

如果data.image_id为true，您将看到该类应用font-size（在style.css中）。