在angular2中将父组件的值传递给ngForm的子组件？

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. 
     } 
}