制作一個按鈕到go后頁

Question

我正在制作一個從 API 加載數據的 agular 應用程序，當我將 go 加載到另一條路由並將 go 返回到表路由時，數據不存在。

有沒有辦法改變路線而不丟失數據？

<button [routerLink]="['/home']">
   <i class="bx bx-left-arrow-alt" id="icone"></i>
</button>

現在我只是使用 routerLink 來更改路由。

我正在使用 angular 15。

Answer 1

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

@Component({selector: 'app-second-part',
templateUrl: './second-part.component.html',
styleUrls: ['./second-part.component.css']})
class SecondPartComponent {

 constructor(private location: Location){}

 goBack() {
  this.location.back();
 }
}

Answer 2

這是一個解析器文件

export class ReadyLinesResolver implements Resolve<any> { 

 resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> | Promise<any> | any {
   // return your API response
 }  
}

這是你的路由器：

{
   path: '',
   resolve: {userInfo: UserInfoResolver},
},

您必須在構造函數中注入 Router 模塊。

這是你的 ngOnInit 組件：

this.router.data.subscribe(res=> {
  // check here and find your property name
})

將您的數據返回到變量中並使用它們