角度材質2.0.0-beta.1の部品が正しくレンダリングされない

Question

角度材質2を確認していて、アプリケーションで正しく機能していない部品は、2.0.0-beta.1です。

角度物質2 githubリポジトリに提供されたgetting started guideにちょうど従った。

これは私のHTMLテンプレート、ブラウザで次のようにレンダリングさ

<md-card> 
    <button md-button>FLAT</button> 
    <button md-raised-button md-tooltip="This is a tooltip!">RAISED</button> 
    <button md-raised-button color="primary">PRIMARY RAISED</button> 
    <button md-raised-button color="accent">ACCENT RAISED</button> 
</md-card> 

<md-card> 
    <md-checkbox>Unchecked</md-checkbox> 
    <md-checkbox [checked]="true">Checked</md-checkbox> 
    <md-checkbox [indeterminate]="true">Indeterminate</md-checkbox> 
    <md-checkbox [disabled]="true">Disabled</md-checkbox> 
</md-card> 

<md-card> 
    <md-radio-button name="symbol">Alpha</md-radio-button> 
    <md-radio-button name="symbol">Beta</md-radio-button> 
    <md-radio-button name="symbol" disabled>Gamma</md-radio-button> 
</md-card> 

です。

私はここに無知です。私は問題を理解するために助けが必要です。

Answer 1

あなたは、常に材料にテーマを適用する必要があります

：

あなたは、あなたがしなければならないのは、あなたのスタイルcss/scssにインポートを追加で@angular/material/core/theming/prebuilt

からアプリケーションに直接テーマファイルを含めることができます

たとえば、

@import '~@angular/material/core/theming/prebuilt/deeppurple-amber.css'; 

カスタムテーマを定義することもできます。詳細については、あなたがテーマのreadmeをお読みください：

custom material theming