2017-06-20 10 views
0

のプロパティを読み取ることができません:エラー - 私はコンポーネントを起動したとき、私はこのエラーを持っている未定義

ORIGINAL EXCEPTION: Cannot read property 'cliente' of undefined 

HTML:私はのためのコンポーネントを開くしようとすると、これは

<select class="form-control input-lg" formControlName="cliente" name="cliente" [(ngModel)]="usuario.cliente"> 
    <option [ngValue]="">Selecione</option> 
    <option *ngFor="let cliente of clientes" [ngValue]="cliente" [selected]="usuario.cliente.codigo==cliente.codigo ? true : null">{{cliente.nome}}</option>    
</select> 

起こります新しいデータは、編集するデータを持つコンポーネントをロードするとエラーが発生します。

TSファイルの変数:

usarioが入力として渡されていない場合、HTML指令

[(ngModel)]="usuario.cliente" 

[selected]="usuario.cliente.codigo==cliente.codigo ? true : null" 

がusuarioのclienteプロパティを使用しようとしているため、エラーが発生している

+0

使用される英語uはかなり混乱して:あなたはこのように使用することができます値

@Input() usuario: Usuario = new Usuario(); is wrong 


を受信したとき

<select class="form-control input-lg" name="cliente" [(ngModel)]="usuario.cliente"> <option [ngValue]="">Selecione</option> <option *ngFor="let cliente of clientes" [ngValue]="cliente" [selected]="usuario.cliente.codigo==cliente.codigo ? true : null">{{cliente.nome}}</option>
</select>

@Inputだけで使用しています。 – Plankton

+0

plunkerを使用してエラーを再現できますか? – SaiUnique

答えて

0

(これは、この場合には未定義です)。

0

フォームまたはReactiveFormのみを使用し、両方を使用しないでください。

@Input() _inpusuario 
usuario: Usuario; 
constructor(){ 
    this.usuario = new Usuario(); 
    if(this._inpusuario != null){ 
     this.usuario = this._inpusuario 
    } 
} 
+0

ありがとう、それは今動作します。 –

関連する問題