title: Get the html content of a svg containing data binding
body: <p>I am able to create a svg successfully in my angular component. But when trying to extract the svg html to save it as an img, the template binding values don't appear.</p>
  
  <p>I created the following <a href="https://plnkr.co/edit/liRo6UWJjGR3PdUmJsMA?p=preview" rel="nofollow noreferrer">plunker</a>
   to demonstrate the issue. when trying to get the <code>ViewChild outerHtml</code> the output doesn't contain the inner text nor the x values that are set using the <code>attr.x</code></p>