zoukankan      html  css  js  c++  java
  • Angular 自定义模块

    创建自定义模块

    ng g module mymodule

    app.module.ts

    import { BrowserModule } from '@angular/platform-browser';
    import { NgModule } from '@angular/core';
    
    //angular内置的模块
    import { FormsModule } from '@angular/forms';
    
    //angualr内置的模块
    import { HttpClientModule } from '@angular/common/http';
    
    import { AppComponent } from './app.component';
    import { HomeComponent } from './components/home/home.component';
    import { NewsComponent } from './components/news/news.component';
    
    
    //上百个组件  会导致页面加载比较慢  所以要模块化
    
    //引入自定义模块
    
    import { UserModule } from './module/user/user.module';
    
    
    
    import { ProductModule } from './module/product/product.module';
    
    @NgModule({
      declarations: [
        AppComponent,
        HomeComponent,
        NewsComponent
      ],
      imports: [
        BrowserModule,
        FormsModule,
        HttpClientModule,
        UserModule,
        ProductModule
      ],
      providers: [],
      bootstrap: [AppComponent]
    })
    export class AppModule { }

    user.moudle.ts

    import { NgModule } from '@angular/core';
    import { CommonModule } from '@angular/common';
    
    import { CommonService } from './services/common.service';
    
    import { ProfileComponent } from './components/profile/profile.component';
    import { AddressComponent } from './components/address/address.component';
    import { OrderComponent } from './components/order/order.component';
    import { UserComponent } from './user.component';
    
    
    @NgModule({
    
      /*user模块里面的组件*/
      declarations: [ProfileComponent, AddressComponent, OrderComponent, UserComponent], 
      
      exports:[UserComponent,AddressComponent],  /*暴露组件 让其他模块里面可以使用暴露的组件*/
    
      providers:[CommonService],
      imports: [
        CommonModule
      ]
    })
    export class UserModule { }
  • 相关阅读:
    ubuntu网络配置相关知识(转载)
    git 冲突解决(转载)
    redmine后台运行命令
    CentOS配置网卡,重启网络显示:Device does not seem to be present(转载)
    解决Xshell和vim中文乱码(转载)
    REDHAT6.2配置yum源(64位)(转载)
    Doki Doki Literature Club ZOJ
    CONTINUE...? ZOJ
    Magic Points ZOJ
    Cash Machine (POJ 1276)(多重背包——二进制优化)
  • 原文地址:https://www.cnblogs.com/loaderman/p/10916561.html
Copyright © 2011-2022 走看看