相关疑难解决方法(0)

如何在AngularJS中包含视图/部分特定样式

对我的应用程序使用的各种视图使用单独的样式表的正确/可接受的方法是什么?

目前我在顶部的view/partial的html中放置一个链接元素,但我被告知这是不好的做法,即使所有现代浏览器都支持它,但我可以看到为什么它不赞成.

另一种可能性是将单独的样式表放在我的index.html中,head但是如果它的视图以性能名称加载,我希望它只加载样式表.

这是不好的做法,因为直到从服务器加载css之后样式才会生效,导致在慢速浏览器中快速刷新未格式化的内容?虽然我正在本地测试它,但我还没有见证这一点.

有没有办法通过传递给Angular的对象加载CSS $routeProvider.when

提前致谢!

css model-view-controller angularjs

131
推荐指数
4
解决办法
10万
查看次数

有条件地在html头中渲染css

我试图使用角度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?

html css angularjs

18
推荐指数
2
解决办法
2万
查看次数

标签 统计

angularjs ×2

css ×2

html ×1

model-view-controller ×1