---
tags: [angular]
title: Resolver
date: 2022-05-27 00:23:21
categories: FrontEnd
---

# Resolver

router 轉址後會先經過 resolver 在去到另一個 router ，因此可先在此取得資料，到新頁面時就可直接賦予值

ng generate resolver <folder/name> [options eg. --skip-tests]

在 page 取得值

this.route.data.subscribe((res) => {
     this.category = res.category.data;
});

router setting

{
	path: 'categories',
	component: ProductsPageComponent,
	resolve: {
		category: CategoryResolver,
	}
},

Resolver 的檔案

export class CategoryResolver implements Resolve<boolean> {
	resolve(route: ActivatedRouteSnapshot, state: RouterStateSnapshot): Observable<any> {
		// route 和 ActiveRoute 很像
		// state 和 Router 很像
		return of(true)
	}
}