Angular 2 - how do I make my index.html files title and meta tags for keywords and description dynamic
<p>Angular 2 - how do I make my index.html files title and meta tags for keywords and description dynamic.</p>

<p>I'm using typescript with angular 2.</p>

<p><strong>Example of my tags:</strong></p>

<pre><code>&lt;!DOCTYPE html&gt;
&lt;html lang="en" prefix="og: http://ogp.me/ns#" xml:lang="en" xmlns="http://www.w3.org/1999/xhtml"&gt;
  &lt;head&gt;
    &lt;title&gt;title needs to be dynamic&lt;/title&gt;
    &lt;base href="/"&gt;&lt;/base&gt;

    &lt;meta charset="UTF-8"&gt;
    &lt;meta name="fragment" content="!"/&gt;
    &lt;meta name="description" content="description needs to be dynamic"/&gt;
    &lt;meta name="keywords" content="keywords needs to be dynamic" /&gt;
</code></pre>

<p><strong>This is my route:</strong></p>

<pre><code>{ path: '/', component: Home, as: 'Home', data:{title: 'Welcome Home'}},
</code></pre>

<p><strong>I've tried this but it didnt work:</strong></p>

<pre><code> &lt;title&gt;{{title}}&lt;/title&gt;
</code></pre>