Статичные данные можно передать в 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