title: Use ng-style within a directive termplate
body: <p>I have a directive with the following template:</p>
  
  <pre><code>'&lt;div class="popup"&gt;' + //...
  </code></pre>
  
  <p>I need to add an optional width to the popup via a width param specified on the directives scope. I've tried using ng-style:</p>
  
  <pre><code>'&lt;div class="popup" ng-style="{'width' : width}"&gt;'
  </code></pre>
  
  <p>But I just get unexpected identifier errors because of the single quote marks around the 'width'.</p>
  
  <p>I've even tried escaping them:</p>
  
  <pre><code>'&lt;div class="popup" ng-style="{\'width\' : width}"&gt;'
  </code></pre>
  
  <p>currently the only thing that works is:</p>
  
  <pre><code>'&lt;div class="popup" style="width:{{width}}px"&gt;' +
  </code></pre>
  
  <p>Is there any way of using ng-style from within a template</p>