Agfdhyk

The data that is passed to assignmentAudit.component.ts when Edit Button is clicked is :

onEdit(nas:any){

 console.log(nas);



 this.assignmentAudit.auditorGroupNo=nas.assignmentAudit[0].auditorGroup.groupDesc;

 this.assignmentAudit.assignmentDate=nas.assignmentAudit[0].auditorGroup.assignmentDate;

 this.assignmentAudit.id=nas.assignmentAudit[0].id;

 this.assignmentAudit.selectionNo=nas.selectionId;

 this.assignmentAudit.magNo=0;



}

The console.log(nas); data is:

I have the form which has two input field is :

<form name="form" #f="ngForm" (ngSubmit)="f.form.valid &&  onSubmit()" novalidate class="">

<div class="form-group row">

   <div class="col-md-6">

      <label for="auditorGroup">Auditor Group</label>

      <select class="form-control" id="auditorGroup" required [(ngModel)]="assignmentAudit.auditorGroupNo" name="auditorGroup"

      #auditorGroup="ngModel"

      [ngClass]="{ 'is-invalid': f.submitted && auditorGroup.invalid }"

      required

      >

      <option *ngFor="let title of auditorgroups" [value]="title.auditorGroupId">{{title.groupDesc}}</option>

      </select>

      <div *ngIf="f.submitted && auditorGroup.invalid" class="invalid-input">

         <div *ngIf="auditorGroup.errors?.required">Auditor Group is required</div>

      </div>

   </div>

   <div class="col-md-6">

      <div class="form-group">

         <label for="assignmentDate">Assignment Date</label>

         <input type="date" id="assignmentDate"  class="form-control" name="assignmentDate" placeholder="Please enter the Assignment Date" [(ngModel)]="assignmentAudit.assignmentDate" #assignmentDate="ngModel"

         [ngClass]="{ 'is-invalid': f.submitted && assignmentDate.invalid }"

         required />

         <div *ngIf="f.submitted && assignmentDate.invalid" class="invalid-input">

            <div *ngIf="assignmentDate.errors?.required">Assignment Date is required</div>

         </div>

      </div>

   </div>

</div>

<button type="submit" style="margin-bottom: 50px;" class="btn btn-success pull-right">Submit</button>

</form>

The forms look simple as :

The action i need is :

I have binded the data using [(ngModel)]="assignmentAudit.assignmentDate" in form and when i put the value on after button click on onEdit() operation this.assignmentAudit.assignmentDate=nas.assignmentAudit[0].auditorGroup.assignmentDate; as it should be binded bidirectionally,the data is not showing automatically in form . What is the problem?