A RouterOutlet is a directive from the router library that acts as a placeholder. It marks the spot in the template where the Router should display the components for that outlet. A router outlet is used as a component.

Syntax:

<router-outlet></router-outlet>  

On the other hand, a RouterLink is a directive on the anchor tags that gives the router control over those elements. Since the navigation paths are fixed, you can assign string values to the router-link directive as below,

Syntax:

<h1>Angular Router</h1>  

<nav>  

  <a routerLink="/todosList" >List of todos</a>  

  <a routerLink="/completed" >Completed todos</a>  

</nav>  

<router-outlet></router-outlet>