//从Angular核心模块里面引入了component装饰器
import { Component } from '@angular/core';

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.scss']
})
export class AppComponent {
  title = 'ngdemo001';
}

//引入浏览器模块

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

//从Angular核心模块里面引入了component装饰器

import { NgModule } from '@angular/core';

//引入路由模块

import { AppRoutingModule } from './app-routing.module';

//引入组件

import { AppComponent } from './app.component';

//项目的模块定义

@NgModule({

  declarations: [

    AppComponent

  ],

  //项目运行依赖的模块

  imports: [

    BrowserModule,

    AppRoutingModule

  ],

  //依赖的服务

  providers: [],

  //启动组件

  bootstrap: [AppComponent]

})

//向外暴露该模块

export class AppModule { }

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

//浏览器中动画有关的模块

import { BrowserAnimationsModule } from '@angular/platform-browser/animations';

//从Angular核心模块里面引入了component装饰器

引入模块解析，错误处理手段

import { NgModule, ErrorHandler } from '@angular/core';

//引入http模块

import { HttpClientModule } from '@angular/common/http';

//引入angular核心模块

import { CoreModule } from './@core/core.module';

//主题模块

import { ThemeModule } from './@theme/theme.module';

//主模块

import { AppComponent } from './app.component';

//路由模块，提供路由支持

import { AppRoutingModule } from './app-routing.module';

 

//导入本项目依赖的第三方组件模块。

import {

  NbCardModule,

  NbButtonModule,

  NbIconModule,

  NbDialogModule,

  NbMenuModule,

  NbSidebarModule,

  NbToastrModule,

  NbDatepickerModule,

} from '@nebular/theme';

 

//导入自定义的对话框组件

import { ShowDialogComponent } from './dialogs/show-dialog/show-dialog.component';

 

//模块装饰器的使用，@NgModule。

@NgModule({

//声明组件（该模块中有哪些东西）

  declarations: [AppComponent, ShowDialogComponent],

  imports: [

//该模块依赖的其他模块

    BrowserModule,

    BrowserAnimationsModule,

    HttpClientModule,

    AppRoutingModule,

//引入该模块并初始化该组件

    ThemeModule.forRoot(),

 

    NbCardModule,

    NbButtonModule,

    NbIconModule,

    NbSidebarModule.forRoot(),

    NbMenuModule.forRoot(),

    NbDialogModule.forRoot(),

    NbToastrModule.forRoot(),

    NbDatepickerModule.forRoot(),

    CoreModule.forRoot(),

  ],

  bootstrap: [AppComponent],

  entryComponents: [],

})

 

//向外暴露该模块

export class AppModule { }

// 导入enableProdMode用来关闭angular开发者模式
import { enableProdMode } from '@angular/core';
// 负责从angular浏览器模块中导入platformBrowserDynamic这个方法，
// 这个方法告诉angular使用哪个模块来启动整个应用
import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
// 整个应用的主模块
import { AppModule } from './app/app.module';
// angular多环境支持

import { environment } from './environments/environment';

// 如果是工厂模式，就启动enableProdMode来关闭开发者模式

if (environment.production) {

  enableProdMode();

}

// 调用bootstrapModule方法来传入AppModule作为启动模块来启动应用。

platformBrowserDynamic().bootstrapModule(AppModule)

  .catch(err => console.error(err));

import { ExtraOptions, RouterModule, Routes } from '@angular/router';
import { NgModule } from '@angular/core';
import { ShowDialogComponent } from './dialogs/show-dialog/show-dialog.component';

//路由的配置，懒加载组件模式，默认路由

const routes: Routes = [

  {

    path: 'main',

    loadChildren: () =>

      import('./init-pages/init-pages.module').then(m => m.InitPagesModule),

  },

  {

//PagesModule是整个项目最大的子模块，里面定义了项目中绝大部分的组件

    path: 'pages',

    loadChildren: () => import('./pages/pages.module').then(m => m.PagesModule),

  },

  {

//提示对话框组件

    path: 'show-dialog',

    component: ShowDialogComponent,

  },

//full路由完全匹配算法

  { path: '', redirectTo: '/pages/dashboard', pathMatch: 'full' },

  { path: '**', redirectTo: 'pages' },

];

 

//当经过angular 脚手架创建的项目是没有开启hash 模式的。所以我们需要修改route开发。

const config: ExtraOptions = {

  useHash: true,

};

 

@NgModule({

//注册路由

  imports: [RouterModule.forRoot(routes, config)],

//暴露出路由模块

  exports: [RouterModule],

})

//

export class AppRoutingModule { }