Передача значения от родительского компонента к дочернему компоненту для ngForm в угловом2?

Question

Я хочу передать входное значение от родительского компонента() для детского компонента() (я попытался с @input, но он не работает Я думаю, что я делаю какую-то ошибку.?)

родительский компонент:.

<value> 
<search [vin]="vin"></search><-- child componnent 
<input class="in" type="text" pInputText [ngFormControl]="finVin" [ng-model]="vin"/> 
</value> 
class demo{ 
@Input() private vin:string; 
} 

ребенок компонент:

<search> 
    <div class="lbl"> 
     {{vin}} 

    </div> 
    </search> 

Answer 1

похоже, у вас есть это неправильный путь вокруг. Аннотации @Input необходимы в дочернем компоненте, поэтому Angular 2 знает, что вы что-то передаете в него.

Так удалить @Input в вашем родительском компоненте и добавить его к вашему ребенку компонента:

class search { 
    @Input() private vin:string; 
} 

Answer 2

Примечание: [ng-model] изменяется на [ngModel].

<value> 
    <search [vin]="vin"></search><-- child componnent 
    <input class="in" type="text" pInputText [ngFormControl]="finVin" [ngModel]="vin"/> 
</value> 

class demo{ 
    vin="Angular2"; 
} 

---

<search> 
    <div class="lbl"> 
     {{vin}} 

    </div> 
</search> 


export class search{ 
    @Input() private vin:string; 

    ngOnChanges(...args:any[]){ 
      //console.log(args[0].vin); //for previous and current value. 
     } 
}