html - 在HTML Header中有条件地渲染CSS

我正在尝试使用angular 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>

这段代码可以正常工作，但是当浏览器加载页面时，它尝试使用原始的angularjs模板获取CSS资源，并且在firebug的网络标签中看到“404 not found error”。

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

页面完全加载后，它将替换模板值并加载适当的CSS。

有没有一种方法可以避免404错误，并使其在angularjs处理后加载CSS？

最佳答案

您应该使用ng-href而不是href。

<link ng-repeat="stylesheet in stylesheets" ng-href="{{stylesheet.href}}" type="{{stylesheet.type}}" rel="stylesheet" />

Example

关于html - 在HTML Header中有条件地渲染CSS，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/11912330/