在角度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。