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