1<input [readonly]="this.isEditable" 
2    type="text" 
3    formControlName="reporteeName" 
4    class="form-control" 
5    placeholder="Enter Name" required>
6

1<div class="center-content tp-spce-hdr">
2  <div class="container">
3    <div class="row mx-0 mt-4">
4      <div class="col-12" style="padding-right: 700px;" >
5          <div class="form-group">
6              <label>Email</label>
7                <input [disabled]="true" type="text" id="email" name="email" 
8                [(ngModel)]="email" class="form-control">
9          </div>
10     </div>
11   </div>
12 </div>

1set isDisabled(value: boolean) {
2 this._isDisabled = value;
3 if(value) {
4  this.form.controls['name'].disable();
5 } else {
6    this.form.controls['name'].enable();
7  }
8}
9