当前位置: 首页 > 知识库问答 >
问题:

Angular 4如何应用动态样式?

景震博
2023-03-14

是否可以为ngFor Angular 4中的重复跨度元素应用动态顶部和左侧值?

共有1个答案

沈华晖
2023-03-14

您可以使用:

>

  • [style.anything]绑定,例如:
  • 允许一次指定多个CSS属性的[ngStyle]绑定,例如:
  • 用于动态应用CSS类名的[className]绑定,例如:
  • 允许同时指定多个CSS类的[ngClass]绑定,就像NGStyle对CSS属性所做的那样,例如:

    [ngClass]接收一个对象作为其输入,并仅当相应的值计算为true时才应用该对象的每个键。

    例如,如果您正在迭代数组items_array:

    span text

    • redtext如果属性i.shouldbered的计算结果为true(即:它是true1、非空字符串或非空对象;
    • bluetext如果属性i.shouldbeblue的计算结果为true;
    • Redtext Bluetext如果两个属性的计算值都为true。

    在您的情况下,我认为[ngStyle]是合适的:

    span内容

  •  类似资料:
    • 本文向大家介绍Angular4 ElementRef的应用,包括了Angular4 ElementRef的应用的使用技巧和注意事项,需要的朋友参考一下 Angular 的口号是 - "一套框架,多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)",即 Angular 是支持开发跨平台的应用,比如:Web 应用、移动 Web 应用、原生移动应用和原生桌面

    • 问题内容: 这应该是一个简单的问题,但是我似乎找不到解决方案。 我有以下标记: 我需要将背景色绑定到示波器,因此我尝试了以下操作: 那没有用,所以我做了一些研究发现,但是那没用,所以我尝试删除动态部分,只是像这样硬编码其中的样式… 甚至都不起作用。我误会如何工作吗?有没有一种方法可以放入普通样式属性并使其插入值? 问题答案: ngStyle 指令允许您动态设置HTML元素上的 CSS 样式。 表示

    • 本文向大家介绍在Vue中如何动态绑定class样式?相关面试题,主要包含被问及在Vue中如何动态绑定class样式?时的应答技巧和注意事项,需要的朋友参考一下

    • 我试图找到一种方法来动态导入继承一些标准样式的svg图标。我没有看到其他人写这个...所以我想我走错了路。 我尝试过在样式化的组件中创建一个SVG包装器,但这给了我一个svg的巢 SVG图标代码 我的图标代码 导入正在工作并显示,但我希望将组件作为样式化组件,这将使我能够使用道具设置主题并动态更改SVG样式。

    • 问题内容: 我知道这个问题出现在几个地方(迫使jQueryMobile重新评估动态插入的内容的样式/主题),但是没有一个对我有用的答案。 我正在使用ajax加载一些内容,并将其插入到div中,如下所示: 我尝试在要添加html的目标和页面上都设置targetRefresh,但是没有运气。插入了内容,但未应用样式。 我也尝试过 知道该怎么办吗? 插入的html是一堆这样的: 谢谢你的帮助 拉尔西 问

    • 问题内容: 有没有办法从页面中动态删除当前样式表? 例如,如果页面包含: …是否有办法在以后用JavaScript禁用它?使用jQuery的额外要点。 问题答案: 好吧,假设您可以使用jQuery作为目标,那么它应该和调用元素一样简单: 这将删除页面上的 所有 外部样式表。如果您知道部分网址,则可以仅删除要查找的网址: 而在Javascript中 这是使用查询选择器和foreach数组全部删除的示