Javascript 从Angular.js中的JSON对象动态更改类名

我想动态地将html类更改为我正在处理的

元素，但类名无法更改。代码如下：

<div id="content">
    <ul id="container" ng-controller="ContainerController" ng-init="init()">
        <li ng-repeat="mainEvent in mainEvents" class="element home {{mainEvents.category}}" >
            <div ng-repeat="event in mainEvent.events">
            <a href="{{event.link}}" title="">
                <div class="images"><img ng-src="{{event.url}}"  alt=""/>

                    <div class="title">
                        <div class="title-wrap"><h3><span>{{event.title}}</span></h3></div>
                    </div>
                    <div class="subtitle">
                        <div class="subtitle-wrap"><p><span><span class="line-through">{{event.short_text}}</span></span>
                        </p></div>
                    </div>
                </div>
            </a>
            </div>
        </li>
    </ul>
</div>

---

我想根据类别值动态更改我的html类名。但是，我总是看到类名称，如

class=“element home”

，但我想看到

class=“element home poland”

。我知道我可以用布尔函数或其他方法来做这件事，但我不明白这个问题。我想这应该是有效的。那么，如何解决这个问题呢？谢谢。

将

class

更改为

ng class

：

片段：

更改：

<li ng-repeat="mainEvent in mainEvents" class="element home {{mainEvents.category}}" >

---

将

class

更改为

ng class

：

片段：

更改：

<li ng-repeat="mainEvent in mainEvents" class="element home {{mainEvents.category}}" >

---

由于您正在重复

mainEvent

使用

{{mainEvent.category}

而不是

{{mainEvents.category}

将

class=“element home{{{mainEvents.category}}”更改为
class=“element home{{{mainEvent.category}”

因为
{{mainEvents.category}
是一个数组，所以不能直接使用它

<li ng-repeat="mainEvent in mainEvents" class="element home {{mainEvent.category}}" >

由于您正在重复
mainEvent
使用
{{mainEvent.category}
而不是
{{mainEvents.category}

将
class=“element home{{{mainEvents.category}}”更改为
class=“element home{{{mainEvent.category}”

因为
{{mainEvents.category}
是一个数组，所以不能直接使用它

<li ng-repeat="mainEvent in mainEvents" class="element home {{mainEvent.category}}" >

@Svravan我已经试过了，但我只看到了class=“element home”：（现在，我用ng类语法再次尝试，我在chrome上检查时看到了这一点：“
”我不understand@AlperGuven确保
mainEvents.category
不应是
undefined
。我认为您使用的变量是
main\u events
而不是
mainEvents
请检查that@Alper古文，你查过变量名了吗？@Svravan我试过了，但我只看到class=“element home”：（现在，我再次尝试使用ng类语法，当我在chrome上检查时看到了这一点：“
”我不understand@AlperGuven确保
mainEvents.category
不应是
undefined
。我认为您使用的变量是
main\u events
而不是
mainEvents
请检查that@Alper古文，你查过变量名了吗？
 <li ng-repeat="mainEvent in mainEvents" class="element home"  ng-class="mainEvent.category" >