2016-12-16 16 views
0

この問題を解決するには、私は適切なoutput.soを取得していません。角度2の素材設計では、md-slide-toggleは機能しません。

これはappコンポーネントです。

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' 
     } 
    }); 

は、あなたがスライドのテーマは、右を見に切り替わります設定にする必要があります画像の下に

This image is output

答えて

0

を参照してください。あらかじめ作成されたテーマの1つを使用して開始する方法については、ガイドhereがあります。

+0

zone.js:1382GETます。http:// localhostを:4200/[email protected]/material/core/theming/prebuilt/deeppurple-amber.css 404私はアプリにディープ・パープル-amber.cssを追加するとき – sumeeth

+0

(見つかりません)。 component.css 404が見つかりませんでしたエラーを示しています。 zone.js:1382GET http:// localhost:4200/[email protected]/material/core/theming/prebuilt/deeppurple-amber.css 404(見つからない) – sumeeth

+0

あなたが角張った動きを使用している場合は、 deeppurple-amber.scssをsrcフォルダにコピーします。ファイルの最初の行にあるimport文を '@import '〜@ angular/material/core/theming/all-theme'に変更します。次に、ファイルをangular-cli.jsonのstylesセクションに追加します。テーマはcliによって構築されます。 – JayChase

関連する問題