Angular 2 Material Design

问题描述：

我正在学习Angular 2，我遇到了很多问题，我无法在互联网上找到任何东西。所以，我尝试了简单的方法：在我的应用程序中创建一个表单，所以我使用Material Design，但是我的输入很糟糕，没有像Material Design Doc中的内容。这里如此图片： enter image description here Angular 2 Material Design

所以你可以看到我的输入不显示，占位符在它下面。

下面的代码：

<form > 
 
    <md-input-container> 
 
     <input mdInput type="email" placeholder="Email" > 
 
    </md-input-container> 
 
    <md-input-container> 
 
     <input mdInput type="password" placeholder="Mot de passe" > 
 
    </md-input-container> 
 
    
 
    <button md-button type="submit" >Se connecter</button> 
 
    </form>

我错过了什么？非常感谢。

Elisa的

您没有安装材料的主题，请按照入门指南：https://material.angular.io/guide/getting-started – Ploppy

材料主题是强制性的？ – Elisa

是的，它是必需的。请按照入门指南进行操作。一切都解释为开始使用Angular Material。 – Ploppy

答

您将主题添加到您的app.component.css而不是全球style.css文件。

有关主题化的更多信息可以在这里找到：https://material.angular.io/guide/theming

谢谢你的回答，它现在正在工作。 – Elisa

答

确保起步步骤之后和
@NgModule({ ... imports: [MdInputModule], ... }) 被角模块中添加

让我知道如果你需要任何帮助。

谢谢你的支持。有人帮助我，我忘了包括主题。 – Elisa

没问题，我最近在Material Design上做过项目，如果你需要其他话题的帮助，请给我打个招呼。 –

非常感谢你。 – Elisa

Angular 2 Material Design

相关推荐