2017-02-23 1 views
0
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, 

       }     
      ] 
     } 
    } 

} 

から未定義で、データは不定ですが、order-progressbar-dynamic.component.htmlから、それを使用したとき、私は値を得ますか。 @Input値をクラスメソッドから使​​用できるようにするにはどうすればよいですか?@Input()値は常にtypescriptです

答えて

3

使用ngOnInitフック@Input値を取得する方法

constructor(private el: ElementRef) {} 

ngOnInit() { 
    this.generateDataForProgressbar(); 
} 
+0

?あなたは例を共有することはできますか? – USer22999299