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