title: Angular2 : Difference between ${..} and {{...}} in Template String
body: <p>In ES6, there is Template String feature, that is, we can form/concat string like this (with backtick)  </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const name = 'John';
  const intro = `My name is ${name}`;
  
  console.log(intro);</code></pre>
  </div>
  </div>
  </p>
  
  <p>And in Angular 2 Component Template, we have double-curly braces of interpolation, which we can use to insert a value from a variable.</p>
  
  <pre><code>@Component({
     selector: 'selector-test-tag',
     template: `
     &lt;div&gt;
       &lt;p&gt;My name is ${name}&lt;/p&gt;
       &lt;p&gt;My name is {{name}}&lt;/p&gt;
     &lt;/div&gt;
     `
  })
  export class Test {
     name: string;
  }
  </code></pre>
  
  <p>Question: Are there any reason why choose one over the other one?</p>