Angularjs   发布时间:2022-04-20  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了angularjs指令:如何封装css?大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
在使用Web Components的项目之后,我将回到AngularJs.令我感到沮丧的是,我找不到适当的方法来保持CSS内部(或封装)的指令.

使用Web组件我没有这个问题,因为已经有一个样式标记可以嵌入到模板中.

AngularJS指令的情况并非如此.

直到这里,我看到的是:

1)在外部文件中定义CSS规则:my-directive {Color:red;},但这不是封装.

2)使用element.css({})定义内部规则;内部链接功能,但在这种情况下,样式是内联应用的,因此太重,不能轻易被外部CSS覆盖.

还有其他方法吗?

谢谢

在GitHub上已经创建了一个角度服务,你可以在dinamically中加载你的css文件,也许它会有所帮助

https://github.com/Yappli/angular-css-injector

或者你可以给GruntJS一个机会,你可以拥有一个非常好的项目结构,每个模块/文件夹都可以拥有自己的css文件,而Grunt会将所有文件捆绑成一个(或许多,这取决于你如何配置).它易于管理和更改,但您的页面上只加载了一个文件.也许这些链接可以帮助您找到可以帮助您的Grunt模块.

https://www.npmjs.org/package/grunt-contrib-cssmin

https://www.npmjs.org/package/grunt-contrib-cssmin

https://www.npmjs.org/package/grunt-contrib-cssmin

大佬总结

以上是大佬教程为你收集整理的angularjs指令:如何封装css?全部内容,希望文章能够帮你解决angularjs指令:如何封装css?所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。