입력 스크립트없이 각도 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의 값을 확인한다.