一部のコンポーネントで角張った素材が使用できない

Question

残念ですが、私のコードがいくつかのコンポーネントで動作しているが、他のコンポーネントでは動作しない理由が混乱しています。私は私のapp.module.tsファイルにMdButtonModuleをインポートして、私のapp.component.htmlファイルで作業するには、次のコードを取得することができた：

<button md-button>Click Me!</button> 

私はshifts.component.htmlと呼ばれるコンポーネントで同じコードを試したとき、それは動作しませんでした。 shifts.component.tsはshifts.module.tsにインポートされ、shifts.module.tsはapp.module.tsにインポートされます。それは私がshifts.component.htmlの角素材のボタンを使用するためにはshifts.module.tsにMdButtonModuleをインポートするために持っていたことが判明します。 app.module.tsにインポートすると、どのコンポーネントでもアンギュラマテリアルボタンを使用できませんか？何かが正しいように見えません。私は何を理解していないのですか？

Answer 1

Official Angular Material

ステップ3から採取した情報のこの部分：インポートコンポーネントモジュール

Import the NgModule for each component you want to use: 

import {MdButtonModule, MdCheckboxModule} from '@angular/material'; 

@NgModule({ 
    ... 
    imports: [MdButtonModule, MdCheckboxModule], 
    ... 
}) 
export class PizzaPartyAppModule { } 

あるいは、あなたがあなたが意志角度材料成分のすべてをインポート別NgModuleを作成することができアプリケーションで使用します。その後、コンポーネントを使用する場所にこのモジュールを含めることができます。お使いのどちらのアプローチ

import {MdButtonModule, MdCheckboxModule} from '@angular/material'; 

@NgModule({ 
    imports: [MdButtonModule, MdCheckboxModule], 
    exports: [MdButtonModule, MdCheckboxModule], 
}) 
export class MyOwnCustomMaterialModule { } 

、NgModulesのインポート順事項として、角度のBrowserModule後の角素材・モジュールをインポートしてください。