Change a HTML element in app.component dynamically
<p>I have implemented angular2 routing and its working perfect. Then i got this crazy thought and couldn't find a solution for that.</p>

<blockquote>
  <p><strong>Question</strong>: I have an <strong>app.component.html</strong> page with a <strong>navbar</strong> and a
  <strong>jumbotron</strong> bootstrap element. The navbar has two links, one for <strong>home</strong>
  <strong>page</strong>, and the other for <strong>settings</strong> <strong>page</strong>. I need to change the jumbotron
  element to display "<strong>You are in Home page</strong>" from the HomeComponent variable when home link is clicked
  and display "<strong>You are in Settings page</strong>" from the SettingsComponent variable, when settings link is clicked.
  I know its possible but don't know how.</p>
</blockquote>

<p><strong>Visual Representation:</strong> </p>

<p><a href="https://i.stack.imgur.com/8KBUK.png" rel="nofollow"><img src="https://i.stack.imgur.com/8KBUK.png" alt="enter image description here"></a></p>

<p>Here is my snippet:</p>

<p><strong>app.component.html</strong></p>

<pre><code>&lt;nav class="navbar navbar-default"&gt;
    &lt;div class="container-fluid"&gt;
        &lt;div class="navbar-header"&gt;
            &lt;a class="navbar-brand" href="#"&gt;Darth&lt;/a&gt;
        &lt;/div&gt;
        &lt;div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"&gt;
            &lt;ul class="nav navbar-nav"&gt;
                &lt;li&gt;&lt;a [routerLink]="['']" [routerLinkActive]="['active']"&gt;Home&lt;/a&gt;&lt;/li&gt;
                &lt;li&gt;&lt;a [routerLink]="['settings']" [routerLinkActive]="['active']"&gt;Settings&lt;/a&gt;&lt;/li&gt;
            &lt;/ul&gt;
        &lt;/div&gt;
    &lt;/div&gt;
&lt;/nav&gt;

&lt;div class="jumbotron"&gt;
  &lt;h1&gt;Hello, world!&lt;/h1&gt;
&lt;/div&gt;

&lt;div class="container-fluid"&gt;
  &lt;router-outlet&gt;&lt;/router-outlet&gt;
&lt;/div&gt;
</code></pre>

<p>Any advice would be helpful. Thank you.</p>

<p>I have uploaded the entire project in <a href="https://github.com/darthranjith/masterLayoutDemo" rel="nofollow">my github repo here</a></p>