Angular2 How to navigate to certain section of the page identified with an id attribute : <p>How to navigate to certain section of the page identified with an id attribute? </p>

<p>Example:</p>

<p>I need to navigate to "structure" paragraph on my page</p>

<pre><code>&lt;div id="info"&gt;
  &lt;h3&gt;Info&lt;/h3&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
&lt;/div&gt;    
&lt;div id="structure"&gt;
  &lt;h3&gt;Structure&lt;/h3&gt;
  &lt;p&gt;Lorem ipsum dolor sit amet, consectetur adipiscing elit.&lt;/p&gt;
&lt;/div&gt;
</code></pre>

<p>And I have a following navigation structure:</p>

<pre><code>&lt;li&gt;
  &lt;ul materialize="collapsible" class="collapsible" data-collapsible="accordion"&gt;
    &lt;li&gt;&lt;a routerLink="policies" class="collapsible-header"&gt;Policies&lt;/a&gt;
      &lt;div class="collapsible-body"&gt;
         &lt;ul&gt;
           &lt;li&gt;&lt;a &gt;Info&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a &gt;Structure&lt;/a&gt;&lt;/li&gt;
           &lt;li&gt;&lt;a &gt;Something Else&lt;/a&gt;&lt;/li&gt;
         &lt;/ul&gt;
      &lt;/div&gt;
    &lt;/li&gt;
   &lt;/ul&gt;
 &lt;/li&gt;
</code></pre>

<p>It is my understanding that in Angular1.0 I simply could've navigate to the page section using something like: ui-sref="policies({'#':'structure'})"  or href="#structure"  or ui-sref="policies" href="#structure"...</p>

<p>How can I do it in Angular2? I looked at the Fragment example in the <a href="https://angular.io/docs/ts/latest/guide/router.html" rel="noreferrer">docs</a>: Query Parameters and Fragments section and I am finding they example to be very confusing and a bit overkill for such a potentially simple task</p>
