title: How to set attribute d pf path element in Angular 2?
body: <p>I am working on a Angular2 Project. </p>
  
  <pre><code>  class Coordinate {
        x:number;
        y:number;
      }
  
      class Data {
       .....
       coordinates: Array&lt;Coordinate&gt;;
       .........
      }
  </code></pre>
  
  <p>This is a service file. I am using this service to access data in my Component's .ts file.</p>
  
  <p>I want to use coordinates array to draw polyline on svg. In the template file, I am trying to set attribute 'd' of path element but can't figure out the right syntax to do so.</p>
  
  <p>Following is the section of .html file of the component</p>
  
  <pre><code>&lt;div&gt;
   &lt;svg&gt;
    &lt;path [[How am I supposed to set the d attribute here]]/&gt;
   &lt;/svg&gt;
  &lt;/div&gt;
  </code></pre>