角度材料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