在角度2材質設計中，md-slide-toggle不起作用

Question

如何解決這個問題，我沒有得到正確的輸出。以下是我的代碼。

這是應用程序組件。

import { Component } from '@angular/core'; 

    @Component({ 
     selector: 'app-root', 
     template: ` 
     <md-slide-toggle> 
     Slide Toggle 
     </md-slide-toggle> 
     `, 
     styleUrls: ['./app.component.css'] 
    }) 

    export class AppComponent { 



    } 

我已經安裝了這些配置。

npm install --save @angular/material 

    npm install --save hammerjs 

    npm install --save-dev @types/hammerjs 

    but how to configure this in system js(I am using cli to generate project and was not able to find systemjs file). 

    System.config({ 
     // existing configuration options 
     map: { 
     ..., 
     '@angular/material': 'npm:@angular/material/material.umd.js' 
     } 
    }); 

見下圖

Answer 1

的幻燈片切換看的權利，您將需要設置一個主題。有關如何使用預建主題之一開始的指南here。