無法添加到材料的設計元素，以樣板應用

我試圖材料的設計元素添加到quickstart角應用無法添加到材料的設計元素，以樣板應用

在app.module.ts增加了以下內容：

import {MaterialModule} from '@angular/material'; 

@NgModule({ 
    imports:  [ BrowserModule, MaterialModule.forRoot()], 
    declarations: [ AppComponent ], 
    bootstrap: [ AppComponent ] 
})

在應用程序。 component.ts加入下列：

@Component({ 
    selector: 'my-app', 
    template: '<h1>My First Angular App</h1><md-slide-toggle>Slide Toggle</md-slide-toggle>', 
})

這裏是plunkr http://plnkr.co/edit/gAIVxRTA0QZNu3uTC66k?p=preview

來源

2016-10-22 ishandutta2007

DEMO：http://plnkr.co/edit/IpeusijLdoTb6p27m7d7?p=preview

你缺少的東西需要如下所述，

1）你需要先添加angular2材料包才能使用它。

systemjs.config.js

'@angular/material':'npm:@angular/material/material.umd.js', //<<<### added this

2）angular2-材料需要hammer.js支持。所以，你也需要把它列入的index.html

index.html

<script src="https://cdnjs.cloudflare.com/ajax/libs/hammer.js/2.0.8/hammer.js"></script>

來源

2016-10-22 06:38:58 micronyks

works without hammer.js import – ishandutta2007

加入以下systemjs.config.js解決了這個問題

packages: { 
    '@angular/material': { 
    format: 'cjs', 
    main: 'material.umd.js' 
    } 
}

或以下也解決了：

'@angular/material':'npm:@angular/material/material.umd.js'

來源

2016-10-22 07:34:26 ishandutta2007

你肯定會需要它。 'angular2-material'使用'hammer.js'作爲你的實物信息。 – micronyks

無法添加到材料的設計元素，以樣板應用

回答

相關問題