title: AngularJS and internet explorer 10: Curly braces substitution is not happening
body: <p>I have an angularjs app which works on all real browsers. The problem is with internet explorer 10.</p>
  
  <p>I have done a lot of stuff like this in the app</p>
  
  <pre><code>&lt;div style="font-size: {{data.font_size}}px"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>While this works fine on firefox, safari and chrome, it simply does not work with internet explorer.</p>
  
  <p>To illustrate the problem I have created a jsfiddle: <a href="http://jsfiddle.net/U3pVM/3328/" rel="nofollow">http://jsfiddle.net/U3pVM/3328/</a> Try it with chrome and internet explorer. Font size is 30 in chrome but is not in IE.</p>
  
  <p>I would be glad if someone could tell me why that would be the case and if there is anything I can do other than reimplement the whole thing.</p>
  
  <p>Even if I were reimplement the app to have no double curly braces in style attribute, ng-src still needs to have curly braces.</p>