Javascript @Input（）值始终未在typescript中定义

如果（this.data）一直失败，则数据未定义，但从

order progressbar dynamic.component.html

使用它时，我会得到值。如何使@Input值从类方法中可用？

使用

ngOnInit

钩子获取

@Input

值

import {Component, OnInit, ChangeDetectionStrategy, ElementRef, Input} from '@angular/core';
import {FadeInTop} from "../../../../../shared/animations/fade-in-top.decorator";


declare var $: any;
@FadeInTop()
@Component({
    selector: 'order-progressbar-dynamic',
    templateUrl: 'order-progressbar-dynamic.component.html',
})
export class OrderProgressBarDynamicComponent {


    @Input() public data: any;
    public progressBar: {index: number, btnID: string, btnTag: string, title: string, status: boolean, statusTag: string, prevStepStatus: boolean}[];


    constructor(private el: ElementRef) {
        this.generateDataForProgressbar();
    }

    public generateDataForProgressbar() {
        if (this.data) {
            this.progressBar = [
                {
                    "index": 0,
                    "btnID": "orderConfirmed",                                        
                    "status": this.data.orderStatus.saleConfirmed,                    
                },
                {
                    "index": 1,
                    "btnID": "item",
                    "status": this.data.orderStatus.item,

                }                
            ]
        }
    }

}

---

使用

ngOnInit

hook获取

@Input

值

import {Component, OnInit, ChangeDetectionStrategy, ElementRef, Input} from '@angular/core';
import {FadeInTop} from "../../../../../shared/animations/fade-in-top.decorator";


declare var $: any;
@FadeInTop()
@Component({
    selector: 'order-progressbar-dynamic',
    templateUrl: 'order-progressbar-dynamic.component.html',
})
export class OrderProgressBarDynamicComponent {


    @Input() public data: any;
    public progressBar: {index: number, btnID: string, btnTag: string, title: string, status: boolean, statusTag: string, prevStepStatus: boolean}[];


    constructor(private el: ElementRef) {
        this.generateDataForProgressbar();
    }

    public generateDataForProgressbar() {
        if (this.data) {
            this.progressBar = [
                {
                    "index": 0,
                    "btnID": "orderConfirmed",                                        
                    "status": this.data.orderStatus.saleConfirmed,                    
                },
                {
                    "index": 1,
                    "btnID": "item",
                    "status": this.data.orderStatus.item,

                }                
            ]
        }
    }

}

---

怎样？你能分享一个例子吗？如何？你能举个例子吗？