Question

我正在学习Angular 2，我遇到了很多问题，我在互联网上找不到任何问题。所以，我尝试了简单的事情：在我的应用程序中创建一个表单符号，所以我使用的是Material Design，但我的输入很糟糕，而且在Material Design Doc中没有。这样的图片： enter image description here

因此，您可以看到我的输入未显示且占位符位于其下方。

这里是代码：

<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的

Answer 1

确保遵循开始步骤并
@NgModule({ ... imports: [MdInputModule], ... }) 在角度模块中添加

如果您需要帮助，请告诉我。

Answer 2

您已将主题添加到app.component.css而非全局style.css文件。

有关主题的更多信息，请访问：https://material.angular.io/guide/theming

角度2材料设计

2 个答案: