角材料注入角2工程

Question

在我的项目中添加Angular Material有问题，这个项目是建立在Angular 2上的。编译项目时，返回以下错误：

在环境上下文中不允许初始化器。

添加这样的Angular Material：

import {MaterialModule } from '@angular/material'

然后在imports

 MaterialModule.forRoot(),

安装在

npm install --save @angular/material

还安装了锤子，并添加到了“角-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导入锤子，只需将其作为一个导入放入app.modules.ts中。

import 'hammerjs';