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

尝试:

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

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

fiddle :http://jsfiddle.net/YwU77/1/