[Angular 2] Import custom module

最新推荐文章于 2025-09-05 10:02:17 发布

转载最新推荐文章于 2025-09-05 10:02:17 发布 · 79 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Answer1215/p/5886157.html

文章标签：

#javascript #ViewUI

本文介绍了Angular应用程序的模块结构，展示了如何通过app.module.ts和home.module.ts文件组织Angular应用。app.module.ts作为根模块引入了BrowserModule和HomeModule，并声明了AppComponent作为启动组件；home.module.ts定义了HomeModule并导出了HomeComponent。

The application structure:

in app.module.ts:

import { NgModule} from "@angular/core";
import {BrowserModule} from "@angular/platform-browser";
import {AppComponent} from './app.component';
import {HomeModule} from './components/home/home.module';

@NgModule({
    imports:[BrowserModule, HomeModule],
    declarations:[AppComponent],
    bootstrap:[AppComponent]
})
export class AppModule{}

components/home/home.module.ts:

import { NgModule} from '@angular/core';
import {HomeComponent} from './home.component';
@NgModule({
    declarations: [HomeComponent],
    exports: [HomeComponent]
})
export class HomeModule {

}

转载于:https://www.cnblogs.com/Answer1215/p/5886157.html