角度材料2.0.0-beta.1組件不能正確渲染

Question

我只是檢查角度材料2並且沒有組件在我的應用程序中正常工作。角度材料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

您應該始終將主題應用到材料：

您可以直接包括主題文件到從@angular/material/core/theming/prebuilt

所有你需要做的就是添加一個導入到你的風格css/scss您的應用程序：

例如：

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

您還可以定義自定義主題。欲瞭解更多信息，請閱讀主題化自述：

custom material theming