title: angular 8 : Why the component is not loading?
body: <p>So I created an app with <code>angular-cli</code> . I have following structure in <code>src</code> dir.</p>
  
  <p><code>.
  ├── app
  │   ├── app-routing.module.ts
  │   ├── app.component.css
  │   ├── app.component.html
  │   ├── app.component.spec.ts
  │   ├── app.component.ts
  │   ├── app.module.ts
  │   └── notifications
  │       ├── notifications.component.css
  │       ├── notifications.component.html
  │       ├── notifications.component.spec.ts
  │       └── notifications.component.ts
  ├── assets
  ├── environments
  │   ├── environment.prod.ts
  │   └── environment.ts
  ├── favicon.ico
  ├── index.html
  ├── main.ts
  ├── polyfills.ts
  ├── protocol.js
  ├── styles.css
  └── test.ts
  </code> </p>
  
  <p>Routes have following.</p>
  
  <pre><code>RouterModule.forRoot([
          { path: '', component: AppComponent },
          { path: 'notifications', component: NotificationsComponent}
      ])
  </code></pre>
  
  <p>AppComponent has Html for the login page.<br>
  Once the form is submitted I redirect to <code>notifications</code> component with <code>[routerLink]="['/notifications']"</code> </p>
  
  <p>Now I am expecting <code>&lt;app_root&gt;&lt;/app_root&gt;</code> in the index.html to be populated with <code>notifications-component.html</code>.  </p>
  
  <p><strong>First of all, is the assumption above right?</strong>  </p>
  
  <p>I tried to change the selector in <code>notification-component.ts</code><br>
  I tried putting <code>&lt;app-notifications&gt;&lt;/app-notifications&gt;</code> in <code>&lt;app_root&gt;&lt;/app_root&gt;</code><br>
  I tried putting <code>&lt;router-outlet&gt;&lt;/router-outlet&gt;</code> in <code>&lt;app_root&gt;</code>, <code>app.component.html</code> and <code>notifications.component.html</code>. (Only <code>app.component.html</code> worked. but it is showing both HTMLs.)</p>
  
  <p><strong>If the assumptions above is not right, how is it supposed to work?</strong></p>
  
  <p>P.S.</p>
  
  <p><strong><em>THANKS, EVERYONE FOR PROMPT RESPONSE.</em></strong> </p>
  
  <p>I know all of your answers are right, but I could only accept one answer.</p>