angularjs – 在html头部有条件地呈现css

前端之家收集整理的这篇文章主要介绍了angularjs – 在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>

代码按预期工作,但是当浏览器加载页面时,它尝试使用rawRogjs模板获取css资源,并且在firebug的网络选项卡中看到“404未找到错误”。

Eg: request http://localhost:8080/myapp/%7B%7Bstylesheet.href%7D%7D,status 404

页面完全加载时,它会替换模板值并加载适当的css。

有没有办法避免404错误,并使它在加载角度后加载css?

你应该使用 ng-href而不是href。
<link ng-repeat="stylesheet in stylesheets" ng-href="{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" />

Example

猜你在找的Angularjs相关文章