【问题标题】:IE 11 won't recognize Angular JS variableIE 11 无法识别 Angular JS 变量
【发布时间】:2015-12-03 23:08:30
【问题描述】:

以下代码在 Chrome 中运行良好,但在 Internet Explorer 11 中查看时,背景颜色不显示:

span.fa.fa-icon-only(style='background-color: #{{vehicle.visual_color}};', rr-tt='{{vehicle.color_name}}')

visual_color 变量是一个十六进制颜色代码,由于某种原因,它在 IE 上无法识别。有谁知道解决这个问题的方法吗?

【问题讨论】:

  • 是不是因为rr-tt是无效属性,IE不喜欢?
  • 你能做一个小提琴,让我看看它失败了吗?
  • 你可以尝试使用 ng-style 而不是 style。我似乎记得 IE 在像这样动态使用样式方面存在一些问题
  • rr-tt 是自定义角度指令,不是无效的。该变量(color_name)工作正常,只是我遇到问题的visual_color。
  • 是的,我尝试了 ng-style,但没有运气。

标签: angularjs internet-explorer-11


【解决方案1】:

IE 存在动态更改样式标记的问题,如本示例 http://plnkr.co/edit/lLvvDz?p=preview 所示。尝试使用 ng-style 代替。例如:

span.fa.fa-icon-only(ng-style="{'background-color': '#' + vehicle.visual_color}", rr-tt='{{vehicle.color_name}}')

【讨论】:

    猜你喜欢
    • 2019-12-25
    • 1970-01-01
    • 2023-03-18
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-06-05
    • 2021-02-27
    • 2013-05-15
    相关资源
    最近更新 更多