Angular Material placeholder on input doesnt flow

Question

I'm using Angular Material 6.4.5 and I have problem with floating my placeholder.

this is my html

<mat-form-field class='search'>
   <input matInput placeholder='Search' value='book' [(ngModel)]='search'>
</mat-form-field>

I also have problem with my mat-select it doesn't open

<mat-form-field>
   <mat-select placeholder="Test">
     <mat-option *ngFor="let foo of test" [value]="foo.id">{{foo.lastName}}</mat-option>
   </mat-select>
</mat-form-field>

Is there any idea what wrong, I tried whole afternoon and with no success.

Answer 1

Property name is mandatory for input element with [(ngModel)]

<mat-form-field class='search'>
   <input matInput placeholder='Search' name="search" value='book' [(ngModel)]='search'>
</mat-form-field>

Answer 2

I forget to import theme in my styles.css. Everything works now