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) {




}