在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" />
-
本文向大家介绍怎样有条件地渲染组件？相关面试题，主要包含被问及怎样有条件地渲染组件？时的应答技巧和注意事项，需要的朋友参考一下 or
-
Mpx中的条件渲染与原生小程序中完全一致，详情可以查看这里 简单示例如下: <template> <view class="container"> <!-- 通过 wx:if 的语法来控制需要渲染的元素 --> <view wx:if="{{ score > 90 }}"> A </view> <view wx:elif="{{ score > 60 }}"> B </
-
在React中你可以封装任意内容的用户界面Component，只要你有需要的话！然后，你可以在渲染这些组件到dom中的时候，根据需要，选择其中的一部分进行渲染，这个取决你的组件state。 在react中，使用条件渲染跟你在javascript中使用条件语句是一样的，你可以使用操作符if或者条件语句等语法有条件地根据当前的state渲染Elements，最后再更新dom以显示符合当前element
-
主要内容：React 实例,元素变量,React 实例,与运算符 &&,React 实例,三目运算符,阻止组件渲染,React 实例在 React 中，你可以创建不同的组件来封装各种你需要的行为。然后还可以根据应用的状态变化只渲染其中的一部分。 React 中的条件渲染和 JavaScript 中的一致，使用 JavaScript 操作符 if 或条件运算符来创建表示当前状态的元素，然后让 React 根据它们来更新 UI。 先来看两个组件: 我们将创建一个 Greeting 组件，它会根据用户
-
v-if 在字符串模板中，如 Handlebars ，我们得像这样写一个条件块： <!-- Handlebars 模板 --> {{#if ok}} <h1>Yes</h1> {{/if}} 在 Vue.js ，我们使用 v-if 指令实现同样的功能： <h1 v-if="ok">Yes</h1> 也可以用 v-else 添加一个 "else" 块： <h1 v-if="ok">Yes</
-
问题内容： 我在渲染中添加了一个条件，突然它停止显示。这是我正在使用的代码。 我只想显示sdata中的4个项目。有人请帮忙。 问题答案： 您忘记了body中的元素，以及 i > = 5*之后的所有条目所需的元素。 * 这样写： 但我建议您使用而不是仅创建5个元素。 如果要使用，则首先使用 slice 并创建5个元素的子元素，然后在其上使用。 像这样：