小编Ale*_*ich的帖子

在Angular中导入很多模块

我正在使用Angular 4和Angular Material构建应用程序,每个Material指令都要求我单独导入其模块.

例如,我正在构建一个导航栏,这就是它的nav.module.ts开始:

import {NgModule} from '@angular/core';
import {CommonModule} from '@angular/common';
import {NavComponent} from './nav.component';
import { AngularFontAwesomeModule } from 'angular-font-awesome/angular-font-awesome';
import { MdInputModule } from '@angular/material';
import { MdMenuModule } from '@angular/material';
import {MdButtonModule} from '@angular/material';
import { FlexLayoutModule } from '@angular/flex-layout';
import {HttpClientModule, HttpClient} from '@angular/common/http';
import {TranslateModule, TranslateLoader} from '@ngx-translate/core';
import {TranslateHttpLoader} from '@ngx-translate/http-loader';

@NgModule({
imports: [
    CommonModule,
    AngularFontAwesomeModule,
    MdInputModule,
    MdMenuModule,
    MdButtonModule,
    FlexLayoutModule,
    HttpClientModule,

    ....
Run Code Online (Sandbox Code Playgroud)

现在只有3个Material模块,我需要稍后添加,除了Material,还有其他需要导入的模块......

刚刚开始从AngularJS迁移到Angular4,我觉得我做错了什么......有没有更好的方法来导入所有模块?我构建应用程序的方法是错误的吗?

import typescript material-design angular

2
推荐指数
1
解决办法
867
查看次数

标签 统计

angular ×1

import ×1

material-design ×1

typescript ×1