キャッチされない（約束で）：TypeError例外：未定義

Question

のプロパティを読み取ることができません「ノンブル」私はionic3アプリを開発し、フォームに追加し、学生しようとすると、次のエラーを得ています：

ERRORエラー：キャッチされません（約束する）：TypeError：未定義のプロパティ 'nombre'を読み取ることができない

「エルヴィス」変数を​​入れてみましたか？データバインディングでは動作しませんでした。

どのようにして入力を対象属性から参照できますか？

各被験者が "ノンブル"、 "エスティディオス"、 "cuatrimestre"、 "TIPO" atributtes、すべての文字列の代わりに数

typescriptですコードであるcuatrimestreを有しである：

import { Component } from '@angular/core'; 
import { IonicPage, NavController, NavParams } from 'ionic-angular'; 
import { SubjectProvider} from '../../providers/subject/subject'; 

@IonicPage() 
@Component({ 
    selector: 'page-addsubject', 
    templateUrl: 'addsubject.html', 
}) 
export class AddsubjectPage { 

    subject: { nombre:'', estudios: '', cuatrimestre: '', tipo: ''}; 

    constructor(public navCtrl: NavController, public navParams: NavParams, public subjectRest: SubjectProvider) { 
    } 

    ionViewDidLoad() { 
    console.log('ionViewDidLoad AddsubjectPage'); 
    } 

    saveSubject() { 
    this.subjectRest.saveSubject(this.subject).then((result) => { 
    //const id = result['_id']; 
     //this.router.navigate(['/subject-details', id]); 
    }, (err) => { 
     console.log(err); 
    }); 
    } 

} 

とそれぞれのhtmlコードは

<ion-header> 

    <ion-navbar> 
    <ion-title>Añadir asignatura</ion-title> 
    </ion-navbar> 

</ion-header> 

<ion-content padding> 
    <h2>Añadir Asignatura</h2> 
    <form (ngSubmit)="saveSubject()"> 
    <ion-item> 
     <ion-label>Nombre</ion-label> 
     <ion-input type="text" required [(ngModel)]="subject.nombre" name="nombre"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label>Nombre</ion-label> 
     <ion-input type="text" required [(ngModel)]="subject.estudios" name="estudios"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label>Cuatrimestre</ion-label> 
     <ion-input type="number" required [(ngModel)]="subject.cuatrimestre" name="cuatrimestre"></ion-input> 
    </ion-item> 
    <ion-item> 
     <ion-label>Tipo</ion-label> 
     <ion-select type="text" required [(ngModel)]="subject.tipo" name="tipo"> 
     <ion-option value="Obligatoria">Obligatoria</ion-option> 
     <ion-option value="Optativa">Optativa</ion-option> 
     </ion-select> 
    </ion-item> 
    <button ion-button type="submit" block>Añadir asignatura</button> 
    </form> 
</ion-content> 

Answer 1

です。この変数の初期値は未定義です。コンストラクタで値を与えます。

this.subject = { 
    nombre: '', 
    estudios: '', 
    ... 
}