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

时间:2016-05-07 14:23:45

标签: angular internet-explorer-11

首先,我要说,是的,我已经在我的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

1 个答案:

答案 0 :(得分:0)

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

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

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

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

在测试版中,您不需要我在Plunker中使用的管道(| safe)。