javascript - 如何使用 ng-class 调用 Controller 函数

Question

我有 3 种可能的数据类型('a'、'b' 和 'c')，并且我有 3 个不同的类。问题是我的 Controller 函数永远不会被调用。

我的CSS

.a{
    color: red
}
.b{
    color: blue
}
.c{
    color: green
}

我的功能

    this.getClass = function(num){
        console.log("here");
        var returnVal = '';
        if (num <= 1){
                returnVal = 'a'
            }
        else if (num > 1 && num < 10)
            {   returnVal = 'b'
        }
        else{
                returnVal = 'c'
        }
        return returnVal;
    };

我的html已更新!

<tr id="num{{$index}}"
            ng-click="$map[$index] = ! $map[$index]"
            ng-repeat-start="num in currentController.nums"
            ng-class="currentController.getClass($num)">
    <td>num</td>
</tr>

根据列出的 ngClass 文档 https://docs.angularjs.org/api/ng/directive/ngClass

If the expression evaluates to a string, the string should be one or more space-delimited class names.

Answer 1

那里有一个无效的表达式，因为您的方法返回类名的字符串等效项(假设您正确使用controller as语法并且别名是currentController) :

ng-class="currentController.getClass(num)">

示例:

<div ng-controller="MyController as currentController">
//....
<div ng-class="currentController.getClass(num)">Hello</div>
//...
</div>