Как получить значение ввода в проекте Angular 2 без машинописных текстов

Question

Я могу получить значение в представлении, но не в конструкторе. Мой компонент находится в 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 (Angular требования):

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 вместо.