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

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'];
      }
    );
  }
}

Просмотров: 2682

3.07
1
2
3
4
5

Голосов: 761

Формы. Реактивный подход. Формы. Шаблонный подход. Формы в Angular Subject Observable. Subscribe и Unsubscribe Route. Обновление шаблона Route Resolving Route передача статичных данных Route. Контроль навигации с помощью сервиса Route. Защита роутера Route. Вынос настроек роутера Route. Переключения и параметры JavaScript операторы Сервисы Структурные директивы Binding свойств директив HostListener и HostBinding Директива атрибута Навигация. Передача данных событиями События и жизненный цикл ng-content Инкапсуляция стилей и ссылки Связывание свойств и событий Компонент и модель Директива ngFor Angular CSS и Style Динамические шаблоны в Angular События Компонент и данные Шаблон и стили компонента Создание компонентов в Angular TypeScript, Bootstrap, Main.ts Установка и первый запуск Angular

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

Установка и первый запуск Angular

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

Просмотров 21183

Шаблон и стили компонента

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

Просмотров 2474

Route. Переключения и параметры

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

Просмотров 8444

наверх