Question

我有一个＆＃39; p＆＃39;需要根据响应和一些点击事件显示和隐藏的指令内的标记。我试图使用ng-class实现这一目标。我在条件基础上添加了ng-class，但由于单引号和双引号，它引发了错误。

如何在指令内正确分配条件ng-class的引号。

ng-class="{'show hide ': $index > 2 && myJSON.count > 4}"

这是我试过的：

angular.module('mydirective').directive('test'),
    function() {
        return {
            restrict: 'E',
            scope: {
                myJSON: '=myJSON'
            },
            template: '<p class="content" ng-repeat="abc in myJSON" ng-class="{'show hide ': $index > 2 && myJSON.count > 4}"></p>'
        }
    }

Answer 1

一个好的选择是使用templateUrl并将HTML代码移动到单独的文件中。这将引发报价问题。

Answer 2

angular.module('mydirective').directive('test'),
function() {
    return {
        restrict: 'E',
        scope: {
            myJSON: '=myJSON'
        },
        template: '<p class="content" ng-repeat="abc in myJSON" ng-class="{\'show hide\': $index > 2 && myJSON.count > 4}"></p>'
    }
}

如何在ng-class angular指令中添加条件

2 个答案: