Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何导入AngularJS组件的样式表?_Javascript_Css_Angularjs_Webpack - Fatal编程技术网

Javascript 如何导入AngularJS组件的样式表?

Javascript 如何导入AngularJS组件的样式表?,javascript,css,angularjs,webpack,Javascript,Css,Angularjs,Webpack,由于某些情况,我被迫将Angular2应用程序移动到AngularJS 我的大多数组件都有自己特定样式表的StyleUrl属性。到目前为止,我还没有在AngularJS中找到这样做的方法,除了将Webpack集成到我的项目中,但是我在这样做时遇到了麻烦 我想知道是否有其他的方法,如果没有,什么是正确的方式使用这个网页 编辑:2017年5月9日: 我想告诉你我的最新情况。在对Yeshwanth提供的动态CSS加载模块进行了一些测试之后,我发现组件CSS泄漏到了外部DOM,这意味着我必须继续搜索其他

由于某些情况,我被迫将Angular2应用程序移动到AngularJS

我的大多数组件都有自己特定样式表的StyleUrl属性。到目前为止,我还没有在AngularJS中找到这样做的方法,除了将Webpack集成到我的项目中,但是我在这样做时遇到了麻烦

我想知道是否有其他的方法,如果没有,什么是正确的方式使用这个网页

编辑:2017年5月9日
我想告诉你我的最新情况。在对Yeshwanth提供的动态CSS加载模块进行了一些测试之后,我发现组件CSS泄漏到了外部DOM,这意味着我必须继续搜索其他解决方案

最终我放弃了使用SCSS方法:在组件模板内部,定义一个大的封装div元素,并给它一个某种ID。然后,在.scss文件中,为该ID编写样式块,并在该块中放置所有组件样式。编译SCSS文件后,生成的css文件将仅作用于组件的元素


我不确定这是否完全模拟Angular 2的模拟阴影Dom,但就我而言,这已经足够了。希望这有帮助。

我认为在angular 1.x中,您无法导入特定于组件的样式。 但是动态css加载可能很方便。
请参考

有一个正确的方式访问网页包。感谢链接,我会查看它,希望它能与AngularJS 1.6.3一起使用。效果很好!谢谢:)欢迎@Chen Leikehmacher