title: Binding Angular <object> svg data property
body: <p>I tried many attempts to bind SVG data path but no one seems to work.
  Here my code:</p>
  
  <pre><code>&lt;div *ngFor="let icon of icons""&gt;
      &lt;object type="image/svg+xml" [data]="icon.path"&gt;&lt;/object&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Ts:</p>
  
  <pre><code>    public icons = [ {name: '...', path: '/svg/...svg', href: 'https://...'},..,];
  </code></pre>
  
  <p>I tried to use [data], data = "{{...}}", and so on.
  I am not getting any particular error, just I am not able to visualize any image. I am using object tag to have the possibility to change the "fill" property dynamically. I tried to directly write the path within the data property of the object tag and it works correctly. Any ideas on how to solve the problem?</p>