Angular2 : Difference between ${..} and {{...}} in Template String
<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>