ng-class被添加到自定义元素，但未应用css样式

Question

我的指令格式为

<mydir ng-class = "{'elHidden': test == test}" > </mydir>

在我的控制器中，我定义了$scope.test = true;

在CSS中，我定义了elHidden类样式。

我的语法有什么问题吗？

Answer 1

虽然您的情况多余（总是如此），但问题似乎是您的样式未应用于自定义mydir元素。由于它不是标准元素，因此浏览器无法识别它，也不会应用任何默认样式。在 this example (click) 中，屏幕上的元素有一个应用红色背景的类，但除非您向该类添加display: block，否则不会应用它。

您可以添加必要的css以使元素正常工作或在指令中使用replace: true并将元素替换为标准元素。的 Demo here (click).

Answer 2

试试这个

<mydir style="display:block" ng-class="{'elHidden':test }"> </mydir>