Spec-Zone.ru › Angular 2

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

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API