How do i make an angular component render in other component?

i’ve made an ionic and angular project, i’m having some difficulties making it work, here is the sourcecode, The main issues i’m having is using the navbar component within the innsjekk and utsjekk components, i’ve added the selector and there isnt any errors but it doesnt render. Also in the popover component I added a routerLink to the profile component but nothing happens when i click it.

popover.component.html:

<ion-list>
  <ion-item>
    <ion-icon name="person-circle-outline"></ion-icon>
    <ion-button routerLink="/profil" expand="block" fill="clear" shape="round">
      <ion-label>Profil</ion-label>
    </ion-button>
  </ion-item>

  <ion-item *ngIf="isAdmin">
    <ion-icon name="settings-outline"></ion-icon>
    <ion-button (click)="admin()" expand="block" fill="clear" shape="round">
      <ion-label>Admin</ion-label>
    </ion-button>
  </ion-item>

  <ion-item>
    <ion-icon name="log-out-outline"></ion-icon>
    <ion-button (click)="logut()" expand="block" fill="clear" shape="round">
      <ion-label>Log ut</ion-label>
    </ion-button>
  </ion-item>
</ion-list>

innsjekk.component.html:

<ion-header [translucent]="true">
  <app-navbar></app-navbar>
</ion-header>

<ion-content>
  <p>Hello world</p>
</ion-content>

I am compleatly new to angular and Ionic so I am sorry if my problems seem trivial but no matter how much documentation i’ve read i cant seem to make it work.

Source: Angular Questions