Угловой 2 Материал

Question

После обновления угловой 2 до rc5 и материала для альфа.7-4 У меня возникла проблема с построением на веб-пакете.

Например, если я добавляю 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'; 

Я не имею это модуль и не смог найти этот путь в моих узловых модулях. Но если скопировать этот файл в каталог, эффект не будет.

Answer 1

Все, что вам нужно должно быть это в ваших app.module.ts

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

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

Также @angular2-material/core должен быть установлен

Answer 2

Угловое 2 появляется Materal «все» модуля были удалены. Я вошел в угловой-совсем недавно с RC5 и нашел создание модуля макета быть достаточно «все»:

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 { } 

Затем я импортировать это в мое приложении модуль в массив «импорта». Это все, что мне нужно, и каждый другой модуль/компонент, который я включаю в приложение с элементами Material, наследует директивы md.