Ionic 3和Angular 4-无法读取未定义的属性级别

Question

用户可以创建一种语言并选择其级别。

但是，当该页面加载时，我收到一条错误消息，提示“无法读取未定义的属性'级别'”。

我认为是因为还没有创建语言对象？ 我如何初始化一个，而不将语言对象的每个属性设置为“”或null或false。 解决我的问题的最佳方法是什么？

我尝试使用？ 运算符喜欢这种语言吗？.level，但是在这里不起作用。

LanguageCreate.html

<ion-list-header>
            Level
            <ion-badge item-end color="primary">{{language.level}}</ion-badge>
        </ion-list-header>
        <ion-item no-lines="">
            <ion-range min="1" max="5" step="1" snaps="true" [(ngModel)]="language.level" color="primary">
                <ion-icon range-left small color="primary" name="level"></ion-icon>
                <ion-icon range-right color="primary" name="level"></ion-icon>
            </ion-range>
        </ion-item>

LanguageCreate.ts

export class LanguageCreatePage {

    language: {
        name: string,
        code: string,
        native: string,
        level: number,
        isTeaching: boolean,
        isLearning: boolean,
    };
    isReadyToSave: boolean;
    type: any;

    constructor(public navCtrl: NavController,
                public navParams: NavParams,
                public modalCtrl: ModalController,
                public viewCtrl: ViewController,
                public auth: Auth,
                public user: User) {




    }

Answer 1

您只需启动空对象，错误就会消失。

language = {}

但最好将某些东西导出语言模型更改为单独的文件并添加“？” 属性，使它们成为可选属性；

export interface Language {
        name?: string;
        code?: string;
        native?: string;
        level?: number;
        isTeaching?: boolean;
        isLearning?: boolean;
}

export class LanguageCreatePage {

language: Language = {}
isReadyToSave: boolean;
type: any;

constructor(public navCtrl: NavController,
            public navParams: NavParams,
            public modalCtrl: ModalController,
            public viewCtrl: ViewController,
            public auth: Auth,
            public user: User) {




}