角度2材质

Question

在将角度2更新为rc5并将材料更新为α7-4后，我在构建webpack时遇到了问题。

例如，如果我在某个组件的指令中添加MdInput，则会出现错误：

node_modules/webpack-core/lib/NormalModuleMixin.js:151
                                throw e;
                                ^

TypeError: Cannot read property 'substr' of undefined

在官方存储库示例中，它们有奇怪的导入

import {MaterialModule} from '@angular2-material/all/all';

我没有这个模块，并且在我的node-modules中找不到这个路径。但是，如果将此文件复制到目录中，则没有任何效果。

Answer 1

你所需要的就是在你的app.module.ts中

import {MdInputModule} from '@angular2-material/input';

@NgModule({
  imports: [MdInputModule],
  ...
})

此外，还必须安装@angular2-material/core

Answer 2

Angular 2 Module 'all‘模块似乎已被移除。我最近刚用RC5进入Angular 2，发现创建一个布局模块就足以满足“所有”：

layout.module.ts：

 import { NgModule }      from '@angular/core';
 import { CommonModule } from '@angular/common';
 import { MdCoreModule } from '@angular2-material/core';
 import { MdSidenavModule } from '@angular2-material/sidenav';
 import { MdToolbarModule } from '@angular2-material/toolbar';
 import { MdCardModule } from '@angular2-material/card';
 import { MdButtonModule } from '@angular2-material/button';
 @NgModule({
   imports: [
     CommonModule, MdCoreModule, MdSidenavModule, MdToolbarModule, MdCardModule, MdButtonModule],
   exports: [MdCoreModule, MdSidenavModule, MdToolbarModule, MdCardModule, MdButtonModule]
 })
 export class LayoutModule { }

然后，我将其导入到我的应用程序模块中的“imports”数组中。到目前为止，这就是我所需要的，我在app中包含的所有其他模块/组件都继承了md指令。