Wert nicht gesetzt mit Angular2 und IE 11 (Shims hinzugefügt)

Question

Zunächst möchte ich sagen, ja, ich habe die Shims in meinem Index.html enthalten.

<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> 

Ich benutze Angular2 Beta-17.

Die folgenden String-Eigenschaften sind alle fein aufgelöst, mit Ausnahme des Bildstils in IE.

In IE, die Namen und Adresse Eigenschaften zeigen fein, aber der Stil ist vollständig aus dem img-Tag entfernt. Dies funktioniert in allen anderen Browsern

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

IE scheint mit den Klammern im Stil Wert ein Problem zu haben, da der folgende hartcodierte Wert in IE

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

Jede Suche ich gut funktioniert‘ Ich habe behauptet, alle Probleme des IE zu lösen, indem ich die Shims in setze, aber ich habe das getan.

TIA

Answer 1

Dies sollte das gleiche mit allen Browsern:

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

In Angular2 Versionen rc.x Sie derzeit einige Arten sanieren müssen

Siehe Plunker example und In RC.1 some styles can't be added using binding syntax

In Beta-Versionen benötigst du nicht die Pipe (| safe), die ich im Plunker benutzt habe.