How to hide/delete underline input Angular Material?

Question

I have input element in Angular Material:

Answer 1

Update:

Import MdInputDirective

import {MdInputDirective} from '@angular/material';

In compoent do following:

@ViewChild('input') input: MdInputDirective;

ngOnInit(){
  this.input.underlineRef.nativeElement.className = null;
}

In html, add the #input reference:

Plunker demo

Original:

Try css:

::ng-deep .mat-input-underline {
    display: none;
}

demo