title: NgOnInit executing only once
body: <p>I've done this many times in my projects but I don't know why this is happening.  I have a simple list</p>
  <pre><code>&lt;mat-list&gt;
          &lt;mat-list-item *ngFor=&quot;let indicador of indicadores&quot; [routerLink]=&quot;['/indicador', indicador.codigo]&quot;&gt;
              &lt;div mat-line&gt;
                  &lt;div class=&quot;divisa&quot;&gt;
                      {{(indicador.nombre}}                        
                  &lt;/div&gt;
              &lt;/div&gt;                
          &lt;/mat-list-item&gt;
  
      &lt;/mat-list&gt;
  </code></pre>
  <p>this is my 'indicador' code:</p>
  <pre><code>export class IndicadorComponent implements OnInit {
  
    id: string;
    indicador;
  
    constructor(private route: ActivatedRoute, private is: IndicadoresService) { 
    }
  
    ngOnInit(): void {
      this.id = this.route.snapshot.paramMap.get(&quot;id&quot;)
      this.is.obtenerIndicador(this.id).subscribe(data =&gt; {
        this.indicador = data;
        console.log(this.indicador)
      })
  
   }
  </code></pre>
  <p>The call to the service works fine the first time I click on an item, but when I click again in another item of the list, it only changes de url but does not execute the ngoninit method. In my app.componen.html I have the <strong>router-outlet</strong> properly and added the route of 'indicador' to the app-routing.module.ts</p>