Блог

Является ли хорошей практикой передавать данные с помощью углового маршрутизатора компоненту или вместо этого мне следует использовать службу?

На данный момент компонент получает данные примерно так:

 this.account = activatedRoute.snapshot.data.account
 

Существует несколько способов передачи данных в угловой компонент.

Для таких объектов, как учетная запись пользователя, я бы использовал поставщика (чтобы он был готов к запуску компонента), службу (для совместного использования в приложении) или охрану (например, если вы хотите выйти, когда не вошли в систему).

Когда я хочу повторно использовать один и тот же компонент на разных маршрутах и дать ему некоторые подсказки о поведении is, я бы использовал данные маршрутизатора.

Другой вариант использования, с которым я столкнулся, заключается в определении глобального состояния приложения с помощью активированного маршрута(маршрутов). Каждый маршрут может определять свои данные, служба прослушивает события маршрутизатора и сохраняет объединенное состояние. Это помогает мне в больших приложениях иметь конфигурацию на основе маршрута для отображения заголовка, меты, панели инструментов и меню и т. Д…

Если вы хотите передать данные по маршруту, вот простой пример.

Сделайте свой маршрут таким, чтобы он выглядел так:

 { path: 'todo', component: TodoComponent, data: { id:'1', name:"Todo Title"} }
 

Тогда в вашем компоненте вы можете сделать что-то вроде этого:

 ngOnInit() {
      this.activatedroute.data.subscribe(data => {
          this.todo = data;
      })
}
 

Было ли это полезно?