角型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とそれを飾る（角要件）：

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の値を確認してください。