如何在沒有打字稿的情況下檢索Angular 2項目中的輸入值

Question

我可以在視圖中檢索值，但不能在construtor中檢索值。 我的組件位於ngFor中，我想單獨編輯每個項目。這就是爲什麼我創建了一個子組件

<li style="list-style-type: none;" *ngFor="let event of item.Events"> 
... <child-component [demo]="event"></child-component> 

在子組件： 我可以顯示在觀看演示的結果，但我不能在構造函數中檢索到能夠操縱它

@Component({ 
    selector: 'child-component', 
    queries: { 
     content: new ViewChild('content') 
    }, 
    templateUrl: 'build/pages/dashboard/timeline/timeline-feeling/index.html', 
    ... 
    inputs: ['demo'], 
    ... 
}) 

export class TimelinFeeling{ 
    static get parameters() { 
     return []; 
    } 

    constructor() { 
     this.demo = demo; 
     console.log(this.demo); //return undefined 
    } 

Answer 1

輸入值尚未在構造函數中設置。使用ngOnInit()代替：

ngOnInit() { 
    console.log(this.demo); //return undefined 
} 

Answer 2

申報財產（打字稿要求），並與@Input（角度要求）裝飾它：

import { Input, ViewChild, ElementRef } from '@angular/core'; 
@Component({ 
    selector: 'child-component', 
    templateUrl: 'build/pages/dashboard/timeline/timeline-feeling/index.html', 
    ... 
}) 

export class TimelinFeeling{ 
    @Input() public demo = null; 
    @ViewChild('content') content: ElementRef; 
    static get parameters() { 
     return []; 
    } 

    ngOnInit() { 
     this.demo = demo; 
     console.log(this.demo); //return undefined 
    } 

最後，在ngOnInit檢查值來代替。