When to use routing in Angular? : <p>I started building my first Angular app using routing with unique url for every "main" component. But then I discovered the material and really liked what the tabs are doing. </p>

<p>What will be pros and cons of using angular routing together with Angular material  when I can just render pages with mat-tab-group like this:</p>

<pre><code>&lt;mat-tab-group&gt;
  &lt;mat-tab label="First"&gt; &lt;app-comp1&gt;&lt;/app-comp1&gt; &lt;/mat-tab&gt;
  &lt;mat-tab label="Second"&gt; &lt;app-comp2&gt;&lt;/app-comp2&gt;  &lt;/mat-tab&gt;
  &lt;mat-tab label="Third"&gt; &lt;app-comp3&gt;&lt;/app-comp3&gt;  &lt;/mat-tab&gt;
&lt;/mat-tab-group&gt;
</code></pre>

<p>In my application I don't need to strictly restrict access to different components views.</p>
