src/app/Components/employee-details/employee-details.component.ts
| selector | app-employee-details |
| styleUrls | employee-details.component.css |
| templateUrl | ./employee-details.component.html |
Methods |
constructor()
|
| ngOnInit |
ngOnInit()
|
|
Returns :
void
|
import { Component, OnInit } from '@angular/core';
@Component({
selector: 'app-employee-details',
templateUrl: './employee-details.component.html',
styleUrls: ['./employee-details.component.css']
})
export class EmployeeDetailsComponent implements OnInit {
constructor() { }
ngOnInit() {
}
}
<div style="padding-top:5%;" class="docs-component-viewer-content">
<div>Employee Id</div>
<div>
<mat-form-field >
<input matInput placeholder="Name" value="">
</mat-form-field>
</div>
<div>
<mat-form-field >
<input matInput placeholder="Company" value="">
</mat-form-field>
</div>
<div>
<mat-form-field >
<input matInput placeholder="Department" value="">
</mat-form-field>
</div>
<div>
<mat-form-field >
<input matInput placeholder="Branch" value="">
</mat-form-field>
</div>
<div>
<mat-form-field >
<input matInput placeholder="Email Id" value="">
</mat-form-field>
</div>
<div>
<mat-form-field>
<input matInput [matDatepicker]="myDatepicker">
<mat-datepicker-toggle matSuffix [for]="myDatepicker"></mat-datepicker-toggle>
<mat-datepicker #myDatepicker></mat-datepicker>
</mat-form-field>
</div>
<div>
<button mat-button>Save</button>
<button mat-button>Clear</button>
</div>
</div>