对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么?
目前我在顶部的view/partial的html中放置一个链接元素,但我被告知这是不好的做法,即使所有现代浏览器都支持它,但我可以看到为什么它不赞成.
另一种可能性是将单独的样式表放在我的index.html中,head但是如果它的视图以性能名称加载,我希望它只加载样式表.
这是不好的做法,因为直到从服务器加载css之后样式才会生效,导致在慢速浏览器中快速刷新未格式化的内容?虽然我正在本地测试它,但我还没有见证这一点.
有没有办法通过传递给Angular的对象加载CSS $routeProvider.when?
提前致谢!
我试图使用角度js动态地将CSS添加到我的html头部.这是示例代码
<div ng-repeat="stylesheet in stylesheets">
<link href="/myapp/{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" media="{{stylesheet.media}}" title="{{stylesheet.title}}" />
</div>
Run Code Online (Sandbox Code Playgroud)
此代码按预期工作,但当浏览器加载页面时,它尝试使用原始angularjs模板获取css资源,我在firebug的网络选项卡中看到"404 not found error".
Eg: request http://localhost:8080/myapp/%7B%7Bstylesheet.href%7D%7D, status 404
Run Code Online (Sandbox Code Playgroud)
当页面完全加载时,它会替换模板值并加载正确的css.
有没有办法避免404错误并使其在angularjs处理后加载css?