AngularJS not parsing curly braces properly
<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;li ng-repeat="appliance in appliances | limitTo:2"&gt;
  &lt;div class="icon"&gt;
    &lt;img src="images/vector/Appliances/w-{{appliance.DashboardIcon}}.svg"&gt;
  &lt;/div&gt;
  &lt;div class="label"&gt;{{ appliance.Label }}&lt;/div&gt;
&lt;/li&gt;</code></pre>
</div>
</div>
</p>

<p>In AngularJS I can see in the console that it tries to load '/images/vector/Appliances/w-%7B%7Bappliance.DashboardIcon%7D%7D.svg'. Now my ng-repeat works just fine. If I decodeURIComponent I see that the above %7B and %7D are '{' and '}' respectively. How can I prevent this error from happening?</p>