Question

首先，我要说，是的，我已经在我的index.html中包含了填充程序。

<script src="node_modules/es6-shim/es6-shim.min.js"></script>
<script src="node_modules/systemjs/dist/system-polyfills.js"></script>
<script src="node_modules/angular2/es6/dev/src/testing/shims_for_IE.js">
</script>

我正在使用Angular2 beta-17。

除IE中的图像样式外，下面的字符串属性都可以正常解析。

在IE中，名称和地址属性显示正常，但样式是完全从img标签中删除。这适用于所有其他浏览器

Name: {{recipient.name}} <br/>
Address: {{recipient.address}} <br/>
<img style="background: url(/pImages/{{recipient._id}}.jpg);"  />

IE似乎在样式值中的括号有问题因为以下硬编码值在IE中正常工作

<img style="background: url(/pImages/230721.jpg);"  />

我所做的每一次搜索都声称通过投入来解决所有IE的问题垫片，但我已经做到了。

TIA

Answer 1

这应该适用于所有浏览器：

<img [style.background-image]="'url(/pImages/' + recipient._id + '.jpg)'"  />

在Angular2版本的rc.x中，您目前需要清理一些样式

请参阅Plunker example和In RC.1 some styles can't be added using binding syntax

在测试版中，您不需要我在Plunker中使用的管道（| safe）。

未使用Angular2和IE 11设置的值（添加了填充程序）

1 个答案: