Question

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

例如，如果我在某些Component的指令中添加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 Materal'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 { }

然后我将它导入我的app模块进入'imports'数组。这就是我到目前为止所需的全部内容，我在应用程序中包含的每个其他模块/组件都包含材质元素。继承md指令。

角度2材料

2 个答案: