<p dir="auto">This Plunker<br>
<a href="http://plnkr.co/edit/vTsxIOfepOd7BCZxueQt" rel="nofollow">http://plnkr.co/edit/vTsxIOfepOd7BCZxueQt</a></p>
<p dir="auto">In previous Angular 2 versions I could use something like this in my template</p>
<p dir="auto"><code class="notranslate">&lt;div style="background-image: url({{background}});"&gt;&lt;/div&gt;</code></p>
<p dir="auto">This broke in RC1. If I put the double curly in the id attribute (for instance), it does work. So it might has something to do with the style attribute.</p>
<p dir="auto">Upon investigating further, I found that I could (should?) be writing this as:</p>
<p dir="auto"><code class="notranslate">&lt;div [style.backgroundImage]="'url('+background+')'"&gt;&lt;/div&gt;</code></p>
<p dir="auto">This does not work.<br>
Even used with a string, this does not work:</p>
<p dir="auto"><code class="notranslate">&lt;div [style.backgroundImage]="'url(data:image/gif;base64,R0lGODlhAQABAIAAAAUEBAAAACwAAAAAAQABAAACAkQBADs=)'"&gt;&lt;/div&gt;</code></p>
<p dir="auto">Trying the same thing on style.backgoundColor with a string 'red' as value for instance does work! So I'm not sure what's going on here.</p>
<p dir="auto"><strong>Steps to reproduce and a minimal demo of the problem</strong></p>
<p dir="auto">Both of the plunks below will work if you go to <code class="notranslate">config.js</code> and switch <code class="notranslate">var ngVer = '@2.0.0-rc.1';</code> to <code class="notranslate">var ngVer = '@2.0.0-rc.0';</code></p>
<p dir="auto">Plunk showing <code class="notranslate">[style.background-image]</code> failing:<br>
<a href="http://plnkr.co/edit/rRKupFRs2i4YoAU7Ayi1?p=preview" rel="nofollow">http://plnkr.co/edit/rRKupFRs2i4YoAU7Ayi1?p=preview</a></p>
<p dir="auto">Plunk showing <code class="notranslate">[style.transform]</code> failing<br>
<a href="http://plnkr.co/edit/fP12KXNfL8TxXmuydxCx?p=preview" rel="nofollow">http://plnkr.co/edit/fP12KXNfL8TxXmuydxCx?p=preview</a></p>
<p dir="auto"><strong>Current behavior</strong><br>
Some style bindings like <code class="notranslate">background-image</code> and <code class="notranslate">transform</code> are not working in RC.1 however. the style binding for <code class="notranslate">opacity</code> <em>does</em> work.</p>
<p dir="auto"><strong>Expected/desired behavior</strong><br>
For the style bindings to reflect the property given to them</p>
<p dir="auto"><strong>Other information</strong><br>
We've tested only a small set of the selectors, there may be more that do and do not work.</p>
<p dir="auto"><em>All of the bindings work in RC0</em></p>