ビルドしようとしたときにエラーが発生しました--prodまたはserve --prod

Question

すべてのエラーを解決した後に私のアプリをビルドしようとしていますが、私は理解できないエラーが1つあります。

NGビルド--prodを実行するとき、次のエラーが発生しますDで

ERROR：/1.Work/2.Projects/Application/Quintiles/IHRegistery/4.UI/iHreg/src/を$$ _ gendir/app/pages/visit/component/visitInfo/visitInfo.component.ngfactory.ts（3860,30）：プロパティ 'Visit'は、タイプ 'VisitInfoComponent'にn が存在します。

そして、これは私の訪問のコンポーネントです：

import { Component, Input, OnChanges, OnInit } from '@angular/core'; 
import { Visit } from '../../../../model/Visit'; 
import { FormGroup, FormBuilder, Validators } from '@angular/forms'; 
import { VisitService } from '../../visit.service'; 
import { Router } from '@angular/router'; 
import { APIConstants } from '../../../../helpers/Constants/const-apis'; 
import { Message } from '../../../../model/Message'; 

@Component({ 
    selector: 'cmp-visit-info', 
    templateUrl: 'visitInfo.html', 
    styleUrls: ['visitInfo.scss'], 
}) 
export class VisitInfoComponent implements OnInit, OnChanges { 
    @Input('visitItem') visitItem: Visit; 
    visitObj: Visit; 
    myForm: FormGroup; 

    // itemObj: Visit; 

    createObj: boolean = true; 

    message: Message = new Message(); 

    constructor(private visitService: VisitService, 
       private apiConst: APIConstants, 
       private route: Router, 
       private fb: FormBuilder) { 
    this.visitObj = new Visit(); 
    } 

    buildForm(): void { 
    this.myForm = this.fb.group({ 
     visitDate: [null, Validators.required], 
     weight: [null, Validators.required], 
     height: [null, Validators.required], 
     lowPressure: [null], 
     highPressure: [null], 
     heartRate: [null], 
     temp: [null], 
     surg: [null], 
     dent: [null], 
     phys: [null], 
     ortha: [null], 
     labAss: [null], 
     imag: [null], 
     trans: [null], 
     treat: [null], 
     lastComp: [null], 
    }); 

    this.myForm.valueChanges 
     .subscribe(data => this.onValueChanged(data)); 

    this.onValueChanged(); // (re)set validation messages now*/ 
    } 

    onValueChanged(data?: any) { 
    if (!this.myForm) { 
     return; 
    } 
    const form = this.myForm; 

    for (const field in this.formErrors) { 
     // clear previous error message (if any) 
     this.formErrors[field] = ''; 
     const control = form.get(field); 

     if (control && control.dirty && !control.valid) { 
     const messages = this.validationMessages[field]; 
     for (const key in control.errors) { 
      this.formErrors[field] += messages[key] + ' '; 
     } 
     } 
    } 
    } 

    ngOnInit() { 
    this.buildForm(); 

    /*this.itemObj = this.router.params.subscribe(params => { 
     this.itemObj = params; // (+) converts string 'id' to a number 
     console.log('params',this.itemObj); 
     if(this.itemObj.id){ 
      this.createObj=false; 

      this.visitObj = this.itemObj; 
      /!*this.visitObj.id=this.itemObj.id; 
      this.visitObj.visitDate=this.itemObj.visitDate; 
      this.visitObj.bloodPressureHigh=this.itemObj.bloodPressureHigh; 
      this.visitObj.bloodPressureLow=this.itemObj.bloodPressureLow; 
      this.visitObj.dentalProcedures=this.itemObj.dentalProcedures; 
      this.visitObj.complicationLastVisit=this.itemObj.complicationLastVisit; 
      this.visitObj.heartRate=this.itemObj.heartRate; 
      this.visitObj.height=this.itemObj.height; 
      this.visitObj.weight=this.itemObj.weight; 
      this.visitObj.userId=this.itemObj.userId; 
      this.visitObj.imagingProcedures=this.itemObj.imagingProcedures; 
      this.visitObj.labAssessmentsProcedures=this.itemObj.labAssessmentsProcedures; 
      this.visitObj.orthopedicProcedures=this.itemObj.orthopedicProcedures; 
      this.visitObj.patientId=this.itemObj.patientId; 
      this.visitObj.physiotherapyProcedures=this.itemObj.physiotherapyProcedures; 
      this.visitObj.temperature=this.itemObj.temperature; 
      this.visitObj.transfusionLastVisit=this.itemObj.transfusionLastVisit; 
      this.visitObj.surgicalOperationProcedures=this.itemObj.surgicalOperationProcedures; 
      this.visitObj.treatmentLastVisit=this.itemObj.treatmentLastVisit;*!/ 

     }else { 
      console.log('No params'); 
     } 


    });*/ 
    } 

    ngOnChanges() { 
    console.log('visit-info', this.visitItem); 
    // console.log('visit-info is empty', this.helper.isEmpty(this.visitItem)); 
    if (this.visitItem !== undefined) { 
     this.visitObj = this.visitItem; 
     this.createObj = false; 
    } else { 
     this.createObj = true; 
    } 
    } 

    submitVisit() { 
    console.log('submit'); 
    if (this.createObj) { 
     this.createVisit(); 
    } else { 
     this.updateVisit(); 
    } 
    } 

    createVisit(resolve?, reject?) { 
    this.visitObj.userId = this.apiConst.getLocalStorageData(this.apiConst.LSUSERID); 
    this.visitObj.patientId = this.apiConst.getLocalStorageData(this.apiConst.LSPATIENTID); 

    console.log('create Obj', this.visitObj); 

    this.visitService.createPatientVisit(this.visitObj).subscribe(res => { 
     if (res.success && res.returnObject !== null) { 
     this.message.type = 'success'; 
     this.message.body = 'Visit Create Successfully'; 
     window.location.reload(); 

     if (resolve) { 
      resolve(true); 
     } 

     } 
    }, err => { 
     console.log(err); 
     this.message.type = 'danger'; 
     this.message.body = 'Visit Creation failed, please try again later.'; 
     if (reject) { 
     reject(false); 
     } 

    }); 
    } 

    updateVisit(resolve?, reject?) { 
    console.log('update Obj', this.visitObj); 
    this.visitService.updatePatientVisit(this.visitObj, this.visitObj.id).subscribe(res => { 
     console.log('res-obj-updated', res); 

     if (res.success) { 
     this.message.type = 'success'; 
     this.message.body = 'Visit update Successfully'; 
     window.location.reload(); 

     if (resolve) { 
      resolve(true); 
     } 

     } 
    }, err => { 
     console.log(err); 
     this.message.type = 'danger'; 
     this.message.body = 'Updating the visit failed, please try again.'; 

     if (reject) { 
     reject(false); 
     } 

    }); 
    } 

    saveBeforeNavigation(): Promise<boolean> { 
    return new Promise((resolve, reject) => { 
     if (this.createObj) { 
     this.createVisit(resolve, reject); 
     } else { 
     this.updateVisit(resolve, reject); 
     } 
    }); 
    } 

    formErrors = { 
    visitDate: '', 
    weight: '', 
    height: '', 
    lowPressure: '', 
    highPressure: '', 
    heartRate: '', 
    temp: '', 
    surg: '', 
    dent: '', 
    phys: '', 
    ortha: '', 
    labAss: '', 
    imag: '', 
    trans: '', 
    treat: '', 
    lastComp: '', 
    }; 

    validationMessages = { 
    visitDate: { 
     'required': 'Regimen Date is required.', 
    }, 
    weight: { 
     'required': ' Type is required.', 
    }, 
    height: { 
     'required': ' Drug Name is required.', 
    }, 
    lowPressure: {}, 
    highPressure: {}, 
    heartRate: {}, 
    temp: {}, 
    surg: {}, 
    dent: {}, 
    phys: {}, 
    ortha: {}, 
    labAss: {}, 
    imag: {}, 
    trans: {}, 
    treat: {}, 
    lastComp: {}, 

    }; 

    beforeSaveValidation(url) { 
    let confirm = window.confirm('Save changes?'); 

    if (confirm) { 
     this.saveBeforeNavigation().then(whenResolve => { 
     this.route.navigate([url]); 
     }, whenReject => { 
     alert('couldn\'t save the data. Server error occurred'); 
     }); 
    } 
    } 
} 

私の角度-cliのバージョンがある：1.0.4

EDIT

これはvisitInfoテンプレートです：

<ba-card [title]="Visit" baCardClass="with-scroll"> 
<div class="widgets"> 

    <form (ngSubmit)="submitVisit()" [formGroup]="myForm"> 

    <div class="row"> 
    <div class="col-md-12"> 

     <div class="row"> 
     <div class="form-group col-3"> 
      <label class="control-label">Date Of Visit</label> 
      <input type="date" class="form-control col-9" [(ngModel)]="visitObj.visitDate" 
       formControlName="visitDate" id="visitDate"> 
     </div> 
     </div> 
     <ba-card title="Vital Signs" baCardClass="with-scroll"> 

     <div id="profile"> 
      <div class="row"> 
      <div class="form-group col-2"> 
       <label class="control-label">Weight (KG)</label> 
       <input type="number" class="form-control col-6" [(ngModel)]="visitObj.weight" formControlName="weight" id="weight"> 
       <div *ngIf="formErrors.weight" class="col-3 alert alert-danger"> 
       {{ formErrors.weight }} 
       </div> 
      </div> 

      <div class="form-group col-2"> 
       <label class="control-label">Height (cm)</label> 
       <input type="number" class="form-control col-6" [(ngModel)]="visitObj.height" formControlName="height" id="height"> 
       <div *ngIf="formErrors.height" class="col-3 alert alert-danger"> 
       {{ formErrors.height }} 
       </div> 
      </div> 
      <div class="form-group col-3"> 
       <label>Blood Pressure (mmHg)</label> 
       <div class="row"> 
       <div class="col-5"> 
        <input type="number" class="form-control" [(ngModel)]="visitObj.bloodPressureHigh" formControlName="highPressure" id="highPressure"> 
        <div *ngIf="formErrors.highPressure" class="col-3 alert alert-danger"> 
        {{ formErrors.highPressure }} 
        </div> 
       </div> 
       <div class="col-1 text-center"><span class="h3">/</span></div> 
       <div class="col-5"> 
        <input type="number" class="form-control" [(ngModel)]="visitObj.bloodPressureLow" formControlName="lowPressure" id="lowPressure"> 
        <div *ngIf="formErrors.lowPressure" class="col-3 alert alert-danger"> 
        {{ formErrors.lowPressure }} 
        </div> 
       </div> 
       </div> 
      </div> 

      <div class="form-group col-2"> 
       <label>Heart Rate (bpm)</label> 
       <input type="number" class="form-control col-6" [(ngModel)]="visitObj.heartRate" formControlName="heartRate" id="heartRate"> 
       <div *ngIf="formErrors.heartRate" class="col-3 alert alert-danger"> 
       {{ formErrors.heartRate }} 
       </div> 
      </div> 

      <div class="form-group col-2"> 
       <label>Temperature (&deg;C)</label> 
       <input type="number" class="form-control col-6" [(ngModel)]="visitObj.temperature" formControlName="temp" id="temp"> 
       <div *ngIf="formErrors.temp" class="col-3 alert alert-danger"> 
       {{ formErrors.temp }} 
       </div> 
      </div> 
      </div> 
     </div> 
     </ba-card> 
    </div> 
    </div> 

    <div class="row"> 
    <div class="col-md-12"> 
     <div> 
     <ba-card title="Did the patient undergo any of the following since last visit?" baCardClass="with-scroll"> 

      <div class="form-group row"> 
      <div class="col-6"> 
       <div class="checkbox"> 
       <ba-checkbox [(ngModel)]="visitObj.surgicalOperationProcedures" [label]="'Surgical/operation procedures'" 
          [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 

       <div class="checkbox"> 
       <ba-checkbox [(ngModel)]="visitObj.dentalProcedures" [label]="'Dental procedures'" 
          [ngModelOptions]="{standalone: true}"> </ba-checkbox> 
       </div> 


       <div class="checkbox"> 
       <ba-checkbox [(ngModel)]="visitObj.physiotherapyProcedures" [label]="'Physiotherapy'" 
          [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 

       <div class="checkbox"> 
       <ba-checkbox [(ngModel)]="visitObj.orthopedicProcedures" [label]="'Orthopedic procedures'" 
          [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 

       <div class="form-group" 
        *ngIf="visitObj.surgicalOperationProcedures || visitObj.dentalProcedures || visitObj.physiotherapyProcedures || visitObj.orthopedicProcedures"> 
       <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/intervention')">Edit</a> 
       </div> 
      </div> 
      <div class="col-6"> 
       <div class="form-group row"> 
       <div class="checkbox col-6"> 
        <ba-checkbox [(ngModel)]="visitObj.labAssessmentsProcedures" [label]="'Lab assessments'" 
           [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 
       <div class="col-6"> 
        <div *ngIf="visitObj.labAssessmentsProcedures"> 
        <span class=" edit-btn"> 
         <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/labAssessments')"> Edit </a> 
        </span> 
        </div> 

       </div> 

       <div class="col-6"> 
        <div class="checkbox"> 
        <ba-checkbox [(ngModel)]="visitObj.imagingProcedures" [label]="'Imaging procedures'" 
           [ngModelOptions]="{standalone: true}"></ba-checkbox> 
        </div> 

       </div> 
       <div class="col-6"> 
        <div *ngIf="visitObj.imagingProcedures"> 
        <span class=" edit-btn"> 
         <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/imaging')"> Edit </a> 
        </span> 
        </div> 

       </div> 
       </div> 
      </div> 


      </div> 
     </ba-card> 
     </div> 
    </div> 
    </div> 
    <div class="row"> 
    <div class="col-md-12"> 
     <div> 
     <ba-card title="Since last visit, did the patient receive any of the following:" baCardClass="with-scroll"> 
      <div class="form-group"> 
      <div class="row"> 
       <div class="col-md-6"> 
       <div class="checkbox"> 
        <ba-checkbox [(ngModel)]="visitObj.transfusionLastVisit" [label]="'Transfusions'" 
           [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 
       </div> 

       <div class="col-md-6"> 
       <div *ngIf="visitObj.transfusionLastVisit"> 
        <span class=" edit-btn"> 
        <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/transfusion')"> Edit </a> 
        </span> 
       </div> 
       </div> 
      </div> 
      <div class="row"> 
       <div class="col-md-6"> 
       <div class="checkbox"> 
        <ba-checkbox [(ngModel)]="visitObj.treatmentLastVisit" [label]="'Treatment (New/Modified)'" 
           [ngModelOptions]="{standalone: true}"></ba-checkbox> 
       </div> 
       </div> 

       <div class="col-md-6"> 
       <div *ngIf="visitObj.treatmentLastVisit"> 
        <span class=" edit-btn"> 
        <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/treatment')"> Edit </a> 
        </span> 
       </div> 
       </div> 

      </div> 
      </div> 
     </ba-card> 
     </div> 
    </div> 
    </div> 

    <div class="row"> 
    <div class="col-md-12"> 
     <div> 
     <ba-card title="Since last visit, did the patient suffer from new complications/Adverse events?" 
       baCardClass="with-scroll"> 
      <div class="form-group"> 
      <div class="input-demo radio-demo row"> 

       <div class="col-md-2"> 
       <label class="radio-inline custom-radio nowrap"> 
        <input type="radio" [(ngModel)]="visitObj.complicationLastVisit" [value]="1" 
         formControlName="lastComp" > 
        <span>Yes</span> 
       </label> 
       </div> 
       <div class="col-md-2"> 
       <label class="radio-inline custom-radio nowrap"> 
        <input type="radio" [(ngModel)]="visitObj.complicationLastVisit" [value]="2" 
         formControlName="lastComp" > 
        <span>No</span> 
       </label> 
       </div> 
      </div> 
      <div class="form-group" *ngIf="visitObj.complicationLastVisit == 1"> 
       <a class="btn btn-primary" (click)="beforeSaveValidation('/pages/patient/patientInfo/complications')">Edit</a> 
      </div> 

      </div> 
     </ba-card> 
     </div> 
    </div> 
    </div> 

    <div class="row align-items-end"> 
     <button type="submit" *ngIf="createObj" [disabled]="!myForm.valid" class="btn btn-block btn-primary">Save</button> 
     <button *ngIf="!createObj" [disabled]="!myForm.valid" class="btn btn-block btn-danger">Update</button> 
    </div> 
    </form> 
</div> 

    <message-com [message]="message"></message-com> 

</ba-card> 

そして、ここでは、訪問のモデルが使用されます。

import * as models from './models'; 

export class Visit { 
    id?: number; 

    visitDate?: Date; 

    weight?: number; 

    height?: number; 

    bloodPressureLow?: number; 

    bloodPressureHigh?: number; 

    heartRate?: number; 

    temperature?: number; 

    surgicalOperationProcedures?: boolean; 

    dentalProcedures?: boolean; 

    physiotherapyProcedures?: boolean; 

    orthopedicProcedures?: boolean; 

    labAssessmentsProcedures?: boolean; 

    imagingProcedures?: boolean; 

    transfusionLastVisit?: boolean; 

    treatmentLastVisit?: boolean; 

    complicationLastVisit?: number; 

    patientId?: number; 

    userId?: number; 

    constructor() { 
    this.visitDate = new Date(); 
    this.surgicalOperationProcedures = false; 
    this.dentalProcedures = false; 
    this.physiotherapyProcedures = false; 
    this.orthopedicProcedures = false; 
    this.labAssessmentsProcedures = false; 
    this.imagingProcedures = false; 
    this.transfusionLastVisit = false; 
    this.treatmentLastVisit = false; 
    } 

} 

Answer 1

をエラーはここにあなたのテンプレートの最初の行にtitle属性

<ba-card [title]="Visit" baCardClass="with-scroll"> 

によって引き起こされている、あなたは、プロパティを検索するための角度指示していを訪問しますが、VisitInfoComponentにはそのような名前のプロパティはありません。私はあなたがおそらくタイトルを訪問したかったと思います.3つのオプションがあります。

1. あなたはあなたが私はないと思うあなたは、あなたのコンポーネントに訪問をという名前のプロパティを必要とする文字列[title]="'Visit'"または
2. を、必要に言って、引用符を使用することができtitle="Visit"または
3. を使用して、ブラケットを取り外すことができあなたのケース

事は、あなたがブラケットを使用する場合は、変数ではなく、プレーンテキストにその属性をバインドする角度言う、です。