Angular 2材质设计

Question

I am learning Angular 2 and I have so many problems with that whose one I can't find anything on that on internet. So, I tried easy thing to start : create a sign in form in my app, so I am using Material Design but my input are bad and nothing like in the Material Design Doc. Here so picture : enter image description here

So as you can see my input are not display and the placeholder is under it.

Here the code :

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

What I missed ? Thank you so much.

Elisa

Answer 1

1. Make sure getting started steps are followed and
2. @NgModule({ ... imports: [MdInputModule], ... }) is added in angular module

Let me know if you need any help .

Answer 2

You added the theme to your app.component.css instead of the global style.css file.

More info about theming can be found here: https://material.angular.io/guide/theming