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

发布时间：2020-12-17 08:09:54 所属栏目：安全来源：网络整理

导读：我试图使用角度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}}" //

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!