ng-class在指令模板中不起作用

Question

我试图通过 ng-class 将CSS类设置为指令模板中的按钮，但它不是工作。代码有什么问题吗？

.directive('aButtons', function () {
    return {
        restrict:'E',
        replace:true,
        template:
            '<div class="panel-footer">' +
                '<button type="button" class="btn double left-btn btn-danger remove" ng-click="remove()" ng-show="canRemove()">Remove</button>'+
                '<button type="button" class="btn right-btn btn-warning revert" ng-class="{\'double\':canRemove()}" ng-click="cancel()">Cancel</button>'+
            '</div>'                
        }
    };
})

当第一个按钮宽度可见时，想法是将按钮宽度设置为50％。 （默认宽度为100％）。