Question

我正在开发一个基本的angular 6应用程序，该应用程序将获取数据，将其显示在表中，每行都有删除，编辑按钮这是一个组件“详细列表”，我还有另一个组件作为“详细组件”控件以将记录添加到表中，我正在从webapi提取数据，添加记录并使用同一webapi删除记录，它们都工作正常，现在我要从表中编辑记录，我正在使用使用相同的webapi来获取数据，webapi返回记录，我想在“详细组件”中显示该记录的数据，“细节组件”用于添加记录，因此在该组件上我正在调用ngAfterViewInit（）

>

 ngAfterViewInit() {
    this.service.change.subscribe((data: Patient) => {
    alert('in the detail component of ngAfterViewInit');
    console.log(data);
     this.ModelChange(data);
    }) ;
  }

，而ModelChange的代码如下

ModelChange（数据：患者）{ this.form.controls ['PatientCode']。setValue（data.PatientCode）;

}

我的html就像

<form #form="ngForm" autocomplete="on" (submit)="OnSubmit(form)">
  <div class="row">
    <div class="form-group">
      <input name="PatientCode" [(ngModel)]="PatientCode"class="form-control" placeholder ="Patient Code"  (ngModelChange)="ModelChange(event)" required>

    </div>
    <div class="col-md -3 form-group">
          <input name="FirstName" [(ngModel)] ="FirstName" class="form-control" placeholder="First Name" required>

      </div>
    <div class=" col-md-5 form-group">
        <input name="LastName" [(ngModel)]="LastName" class="form-control" placeholder="Last Name" required>

      </div>
    </div>
    <div class="row">
      <div class="form-group">
          <input name="MRN" class="form-control"  [(ngModel)]="MRN" placeholder="MRN" required>

        </div>
        <div class="col-md-3 form-group">
            <!--<input name="DateOfBirth" class="form-control" placeholder="Date of Birth">-->
            <ejs-datepicker name="DateOfBirth" [(ngModel)]="DateOfBirth" id='datepicker' placeholder='Enter Date Of Birth' [value]='value' [min]='minDate' [max]='maxDate'></ejs-datepicker>

          </div>
    </div>
    <div class="row">
      <div class="col-md-12 text-center">
          <button type="submit" (click)="AddPatient(p)" class="btn btn-success center-block "> Add Patient</button>  
      </div>
      <div class="col-md-13">
        <button type="submit" (click)="EditPatient(p)" class="btn btn-success center-block "> Edit Patient</button>  
    </div>

    </div>
  </form>

在控制台上出现错误，无法读取未定义的属性“控件”

请帮助我，用获取的数据设置控件属性的正确方法是什么

angular6无法通过component.ts

0 个答案: