Javascript 如何导入AngularJS组件的样式表?
由于某些情况,我被迫将Angular2应用程序移动到AngularJS 我的大多数组件都有自己特定样式表的StyleUrl属性。到目前为止,我还没有在AngularJS中找到这样做的方法,除了将Webpack集成到我的项目中,但是我在这样做时遇到了麻烦 我想知道是否有其他的方法,如果没有,什么是正确的方式使用这个网页 编辑:2017年5月9日:Javascript 如何导入AngularJS组件的样式表?,javascript,css,angularjs,webpack,Javascript,Css,Angularjs,Webpack,由于某些情况,我被迫将Angular2应用程序移动到AngularJS 我的大多数组件都有自己特定样式表的StyleUrl属性。到目前为止,我还没有在AngularJS中找到这样做的方法,除了将Webpack集成到我的项目中,但是我在这样做时遇到了麻烦 我想知道是否有其他的方法,如果没有,什么是正确的方式使用这个网页 编辑:2017年5月9日: 我想告诉你我的最新情况。在对Yeshwanth提供的动态CSS加载模块进行了一些测试之后,我发现组件CSS泄漏到了外部DOM,这意味着我必须继续搜索其他
我想告诉你我的最新情况。在对Yeshwanth提供的动态CSS加载模块进行了一些测试之后,我发现组件CSS泄漏到了外部DOM,这意味着我必须继续搜索其他解决方案 最终我放弃了使用SCSS方法:在组件模板内部,定义一个大的封装div元素,并给它一个某种ID。然后,在.scss文件中,为该ID编写样式块,并在该块中放置所有组件样式。编译SCSS文件后,生成的css文件将仅作用于组件的元素
我不确定这是否完全模拟Angular 2的模拟阴影Dom,但就我而言,这已经足够了。希望这有帮助。我认为在angular 1.x中,您无法导入特定于组件的样式。 但是动态css加载可能很方便。
请参考有一个正确的方式访问网页包。感谢链接,我会查看它,希望它能与AngularJS 1.6.3一起使用。效果很好!谢谢:)欢迎@Chen Leikehmacher