Рубрики
Без рубрики

Угловая 7 Маршрутизация: Основы

Маршрутизация в угловом угловом углу в одной из наиболее распространенных реализаций любые угловые приложения должны принять его для использования. В этом упражнении мы нарушим вещи в простые строительные блоки и получим маршрутизацию в минуту!

Автор оригинала: Matthew Davis.

Маршрутизация в угловом угловом углу в одной из наиболее распространенных реализаций любые угловые приложения должны принять его для использования. В этом упражнении мы нарушим вещи в простые строительные блоки и получим маршрутизацию в минуту!

Мы охватим следующие темы:

  • Базовая маршрутизация между компонентами
  • Создание дочерних компонентов
  • Размещение роутера-розетки

app.module.ts.

import {BrowserModule} from '@angular/platform-browser';
import {NgModule} from '@angular/core';

import {AppComponent} from './app.component';
import {HomeComponent} from './home/home.component';
import {ContactComponent} from './contact/contact.component';
import {MatButtonModule, MatToolbarModule} from '@angular/material';
import {RouterModule} from '@angular/router';

@NgModule({
    declarations: [

        AppComponent,
        HomeComponent,
        ContactComponent

    ],
    imports: [

        BrowserModule,

        MatToolbarModule,
        MatButtonModule,

        RouterModule.forRoot([

            {

                path: 'home',
                component: HomeComponent

            }, {

                path: 'contact',
                component: ContactComponent

            }

        ])

    ],
    providers: [],
    bootstrap: [AppComponent]
})
export class AppModule {
}

Исходный код

Смотреть больше в https://mathewdavis.io