javascript - ng-class 已添加到自定义元素,但 css 样式未应用

标签 javascript angularjs

我的指令的格式为

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

在我的 Controller 中,我定义了 $scope.test = true ;

在 CSS 中,我定义了 elHidden类(class)风格。

我的语法有问题吗?

最佳答案

虽然您的条件是多余的(它总是正确的),但问题似乎是您的样式没有应用于自定义 mydir 元素。由于它不是标准元素,浏览器无法识别它,并且不会应用任何默认样式。在 this example (click) ,屏幕上的元素有一个应用红色背景的类,但除非您将 display: block 添加到该类,否则不会应用该背景。

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

关于javascript - ng-class 已添加到自定义元素,但 css 样式未应用,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21720553/

相关文章:

javascript - 如何从 jquery 更新 Controller 变量?

javascript - 传递具有独立作用域的函数参数和使用 Angular 指令共享作用域

javascript - 关于 ASP.net 应用程序中 cookie 和 session 的问题

javascript - 如何就地删除跨度?

javascript - 显示 javascript 原型(prototype)链

javascript - 使用 ng-repeat 中的变量在 onclick 中触发 onsen 的 setMainPage

javascript - 如何使用 angular.js 推送通知?

javascript - 温泉 : create right to left slide button

javascript - Node JS、Cheerio、获取 XML 版本

angularjs - 调试中断注入(inject)的最佳方法是什么(由于缩小)?