javascript - ng-class 中的表达式

Question

我有一个非常简单的 Angular 应用程序，我正在尝试结合使用 ng-repeat 和 ng-class 来重复模板，并根据被绑定(bind)数据的属性之一将不同的类应用于外部 div .

这在我使用一个简单的...时有效

ng-class="message.type"

...但不幸的是，我需要将一个字符串连接到消息类型的开头。

我试图在这里创建一个 JSfiddle...

http://jsfiddle.net/XuYGN/5/

...但这也是我第一次尝试制作 JSfiddle，我一定是做错了什么，因为 Angular 的东西似乎没有运行。不过，它确实显示了我试图用表达式做什么。

我们将不胜感激任何帮助。

Answer 1

html :

    <div ng-controller="mainCtrl">

        <div ng-repeat="message in data.messages" ng-class="'className-' + message.type">

            Repeat Me           

        </div>        

    </div>                

</div>

javascript:

var mainCtrl=function($scope) {

    $scope.data = {}

    $scope.data.messages = [
        {
            "type": "phone"},
        {
            "type": "email"},
        {
            "type": "meeting"},
        {
            "type": "note"}
    ]

}

在 fiddle 中，你在表达式周围放置了一些 {{}} 不要这样做，因为它是一个表达式。