Angular Material注入Angular 2項目

Question

將Angular Material添加到我的基於Angular 2項目中時Angular 2 。 編譯項目時，返回此錯誤：

在環境中不允許使用初始化程序

像這樣添加Angular Material ：

import {MaterialModule } from '@angular/material'

然后在imports

 MaterialModule.forRoot(),

安裝者

npm install --save @angular/material

還安裝了Hammerjs並添加到“ angular-cli.json”中

 "../node_modules/hammerjs/hammer.min.js"

這是我所有的app.module.ts

import {NgModule, NgModuleFactoryLoader, SystemJsNgModuleLoader} from 
'@angular/core';
import { BrowserModule } from '@angular/platform-browser'; 
import { FormsModule } from '@angular/forms';
import { HttpModule } from '@angular/http';
import 'hammerjs';

//ui-router
import {UIRouterModule, UIView} from 'ui-router-ng2';
import {APP_STATES} from './app.states';
import {routerConfigFn} from './router.config';

//angular material
import {MdButtonModule, MdCheckboxModule} from '@angular/material';

import { AppComponent } from './app.component';
import { UserComponent } from './user/user.component';
import { DashboardComponent } from './dashboard/dashboard.component';

@NgModule({
   declarations: [
    AppComponent,
    UserComponent,
    DashboardComponent
  ],
  imports: [
     BrowserModule,
     FormsModule,
     HttpModule,
     MdButtonModule,
     MdCheckboxModule,
     UIRouterModule.forRoot({
        states: APP_STATES,
        useHash: true,
        otherwise: {state: 'public'},
        config: routerConfigFn,
        }),
    ],
    providers: [{provide: NgModuleFactoryLoader, useClass: 
    SystemJsNgModuleLoader}],
    bootstrap: [UIView]
   })

 export class AppModule { }

Answer 1

最新的beta3中發生了重大變化（假設您正在使用該版本）。 這可能與您遇到但不確定的錯誤有關。 您不再導入材料模塊，而是分別導入每個組件

https://github.com/angular/material2/blob/master/guides/getting-started.md

import {MdButtonModule, MdCheckboxModule} from '@angular/material';

@NgModule({
  ...
  imports: [MdButtonModule, MdCheckboxModule],
  ...
})
export class PizzaPartyAppModule { }

另外，無需通過角度/ cli導入hammerjs，只需將其放入app.modules.ts中作為導入即可。

import 'hammerjs';