Как вернуть предыдущий выбранный элемент в массив?

Question

Я создал динамические c таблетки таблетки. И это работает за исключением одной вещи. Возможно, самое важное. Когда я удаляю таблетки, я хочу вернуть их на ранее открытый маршрут. Я создал пример stackblitz без страницы маршрутов: -> https://stackblitz.com/edit/pills-tabs?file=app / app.component. html

Здесь представлен весь код, кроме страницы маршрутизатора. Только в файле ts 15 строк кода у меня есть routerLink = "{{tab.path}}":

 <mat-chip color="primary" selected [removable]="removable" (removed)="removeTab(fruit)" routerLink="{{ tab.path }}">   {{ tab.name }}     <mat-icon matChipRemove *ngIf="removable" class="x-icon">  &#10006; </mat-icon>  </mat-chip

Я хочу снова задать вопрос. Это работа, но когда я удаляю таблетки, я хочу вернуться на предыдущую вкладку. Как и маршрут, перейдите на предыдущую вкладку. В Vue. js это как роутер. go (- 1) ... Как это сделать?

Answer 1

Вы можете воспользоваться услугой определения местоположения:

import { Location } from '@angular/common';

...

constructor(private _location: Location) {}

...

backToTheLastUrl() {
  this._location.back();
}