title: AngularJS SVG directive without deprecated replace
body: <p>I use a lot of directives to draw and manipulate a complex SVG.
  Since 1.3.?? the use of "replace" in directive factories is deprecated. I wonder how I should build a valid SVG without using <code>replace: true</code> in my directives. My directives look like this:</p>
  
  <pre><code>angular.module('app', []).directive('myRect', function() {
    return {
      restrict: 'E',
      replace: true,
      templateNamespace: 'svg',
      template: '&lt;rect x="20" y="20" width="100" height="50" fill="blue" /&gt;'
    };
  })
  </code></pre>
  
  <p>See this <a href="http://plnkr.co/edit/T2IQMK329AUeD1c1pD18" rel="nofollow">plunk</a> for an example of two SVG directives, one using <code>replace: true</code> and one not.</p>