路由服務元件
說明
- 常用的有兩種:
- Router
- ActivatedRoute
透過以下程式碼將路由服務元件注入特定元件
import { Router, ActivatedRoute} from '@angular/router' export class CertainComponent implements OnInit { constructor(private router: Router, private activatedRoute: ActivatedRoute){} }
Router
- 可取得完整的路由資訊
- config
- events
- navigated
- 可透過導覽API,用程式進行路由導覽(轉向)
- navigate()
- navigateByUrl()
ActivatedRouter
- 代表目前正被啟用的路由物件
- 可取得有關目前路由的相關資訊(包含路由參數)