Меню ×
Route передача статичных данных

Route передача статичных данных

Статичные данные можно передать в Route с помощью ключа data:

	
{
  path: 'page404', 
  data: {message: 'error 404'}, 
  component: Page404Component,
}
	

Шаблон компонента:

	
<h3>{{message}}</h3>
	

Компонент:

	
export class Page404Component implements OnInit {
  message: string;
  constructor(private route: ActivatedRoute) { }
  ngOnInit() {
    this.route.data.subscribe(
      (data: Data) => {
        this.message = data['message'];
      }
    );
  }
}
	

Похожие материалы

Разрешение динамических данных перед активацией роута и интерфейс Resolve в Angular

Жизненный цикл приложения и события в Angular

Работа с формами. Реактивный подход (Reactive).

наверх