角度，链接已更改，但页面没有加载

Question

当我单击 skip 时，我想转到下一个单词，但是当我单击 skip 时，链接更改了，但是下一个单词并未出现在旧单词中，并且控制台中没有错误消息。这是 skip 按钮的代码：

next() {
  this.lessonService.getNextLessonElement(this.elementId).subscribe({
    next: response => {
      console.log('go to level')
      console.log('/level/'+this.lessonId+'/'+response.id)
      this.router.navigate(['/level/'+this.lessonId+'/'+response.id]);

      // this.router.navigate(['level']);
    }
    , error: (err: AppError) => {
      if (err instanceof NotFoundError) {
        console.log(err)
      }
    }
  })
}

<div class="flex-column flex-center">
      <div class="block">
        <h2 class="title">Try to repeat this word:</h2>
      </div>
      <div class="flex-row">
        <h3 class="sentence">{{ element.element }}</h3>
        <i
          class="fa fa-volume-off fa-3x block micro"
          (click)="textToSpeech(element.element || 'undefined')"
        ></i>
      </div>
      <div *ngIf="!recording" (click)="startRecording()" class="mic">
        <i class="fa fa-microphone fa-5x micro" aria-hidden="true"></i>
        Start Recording
      </div>
      <div *ngIf="recording" (click)="stopRecording()" class="mic">
        <i
          class="fa fa-microphone fa-5x"
          aria-hidden="true"
          style="color: red"
        ></i>
        <div style="color: red">Stop Recording</div>
      </div>
      <audio controls="" *ngIf="url">
        <source [src]="sanitize(url)" type="audio/wav" />
      </audio>
    </div>

<button mat-flat-button color="warn" (click)="next()">Skip</button>

const routes: Routes = [
  path: 'level', component: LevelComponent },
  path: 'level/:lessonid/:elementid', component: LevelComponent },
];