NavigationExtras
Stable Interface
Что это делает
Представляет дополнительные параметры, используемые во время навигации.
Обзор интерфейса
interface NavigationExtras {
relativeTo : ActivatedRoute
queryParams : Params
fragment : string
preserveQueryParams : boolean
preserveFragment : boolean
skipLocationChange : boolean
replaceUrl : boolean
}
Описание интерфейса
Подробное описание интерфейса
relativeTo : ActivatedRoute
Включает относительную навигацию из текущего ActivatedRoute.
Настройка:
[{
path: 'parent',
component: ParentComponent,
children: [{
path: 'list',
component: ListComponent
},{
path: 'child',
component: ChildComponent
}]
}]
Переход к маршруту списка из дочернего маршрута:
@Component({...})
class ChildComponent {
constructor(private router: Router, private route: ActivatedRoute) {}
go() {
this.router.navigate(['../list'], { relativeTo: this.route });
}
}
queryParams : Params
Устанавливает параметры запроса в URL.
// Navigate to /results?page=1
this.router.navigate(['/results'], { queryParams: { page: 1 } });
fragment : string
Устанавливает фрагмент хеша для URL.
// Navigate to /results#top
this.router.navigate(['/results'], { fragment: 'top' });
preserveQueryParams : boolean
Сохраняет параметры запроса для следующей навигации.
// Preserve query params from /results?page=1 to /view?page=1
this.router.navigate(['/view'], { preserveQueryParams: true });
preserveFragment : boolean
Сохраняет фрагмент для следующей навигации.
// Preserve fragment from /results#top to /view#top
this.router.navigate(['/view'], { preserveFragment: true });
skipLocationChange : boolean
Переход без добавления нового состояния в историю.
// Navigate silently to /view
this.router.navigate(['/view'], { skipLocationChange: true });
replaceUrl : boolean
Переход, заменяя текущее состояние в истории.
// Navigate to /view
this.router.navigate(['/view'], { replaceUrl: true });
экспортировано из @angular/router/index, определено в @angular/router/src/router.ts
© 2010–2017 Google, Inc.
Licensed under the Creative Commons Attribution License 4.0.
https://v2.angular.io/docs/ts/latest/api/router/index/NavigationExtras-interface.html