使用自定义指令和动态ng-class进行角加载时出现错误消息

时间:2017-09-06 09:56:16

标签: angularjs directive ng-class

我收到了角度错误:无法读取未定义的属性“3”。 我在控制器中有ng-class函数定义

$scope.waterclass = function(valveid, orient)
{
    return $scope.tasks[valveid].scheduled ? "water-static water-flow" : "water-static" ;
}

($ scope.tasks [valveid] .scheduled - tasks是在控制器中初始化的一些数组) 然后我有指令

app.directive("myPipe", function() {
return {
    template : function(elem, attr) {
        return '<div ng-class="waterclass('+attr.valveid+')></div>'
           }

       };
});

最后是带有指令

的HTML元素
<my-pipe valveid="3"></my-pipe>

请注意,valveid为3,该值显示在错误消息中。 奇怪的是,一切正常但在页面加载时出现此错误消息,并且在运行时没有更多错误。 顺便说一下,我已经找到了出路

ng-class="{'class1':expression,...}"

在我的指令中构建,但我只是想知道我做错了什么或者可能有一些错误?

0 个答案:

没有答案