gpt4 book ai didi

javascript - IE 中的 AngularJS 错误与样式与 ng 样式

转载 作者:行者123 更新时间:2023-12-01 15:28:13 24 4
gpt4 key购买 nike

我正在使用 Angular JS v1.1.5,发现了一个有趣的 IE 相关问题。

在 IE 9、10、11 和 Edge 中,以下内容似乎不起作用,即使它在 Chrome 中运行良好:

<div style="width: {{progress.percent()}}%;"></div>

而这适用于所有浏览器:
<div ng-style="{width: progress.percent() + '%'}"></div>

我很好奇为什么第一个选项在 IE/Edge 中不起作用。是否有任何已知的错误?

最佳答案

当 IE 9 和 10 尝试呈现该 HTML 时,它基本上会删除在 HTML 上找到的要解析的无效 HTML。

所以有style="display: {{'block'}}"认为是无效的 html,因为它有未知的 {{}}语法 & 它使该属性呈现为 style=""
除了拥有ng-style在那里你可以使用ng-attr-*指令如下

<div ng-attr-style="{{'width: '+ progress.percent() +'%;'}}"></div>

这将在 progress.percent() 时创建样式属性值确实改变了。

有关更多信息,请查看此旧日志 github issue

How style attribute become ""?

关于javascript - IE 中的 AngularJS 错误与样式与 ng 样式,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/57358341/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com