Меню ×
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'];
      }
    );
  }
}
	

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

Angular применяется для создания одностраничных приложений - SPA (Single Page Applications). Angular создает рендер программы, в отличие от подхода, когда весь контент загружен в DOM, а JavaScript его меняет.

Стилилизация компонента в Angular, способы определения стилей, подключени внешнего файла стилей, вынесение кода шаблона во внешний файл html

Работа с роутером и ссылками в Angular. Программное переключение роутера и параметры пути в Angular

наверх