如何在AngularJS中添加ng-class inside指令模板？

Question

我正在尝试做这样的事情：

template:  "<div ng-if=\"successData\" ng-class=\"{ 'bounceInDown': successData == true,bounceInDown: successData == false}\" style=\"border-radius: 2px;padding: 7px;margin-right: 10px;\" class=\"pull-right alert-success\">test</div>"

但ng-class无效。 谁知道为什么？感谢

Answer 1

ng-if足够简单地在控制器中设置$ scope.successData = true或false，它将起作用。以下代码稍有变化

模板：“测试”

如果您需要进一步的帮助，请与我分享您的意见。

Answer 2

仅当successData为true时才会显示指令模板，因此不需要ng-class。您可以将bounceInDown类移动到div元素的class属性，如下所示。

template: '<div ng-if="successData" style="border-radius:2px;padding: 7px;margin-right:10px;" class="bounceInDown pull-right alert-success">test</div>'