将值从父组件传递到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.
      }
}

将值从父组件传递到angular2中ngForm的子组件？

Passing value from Parent component to child component for ngForm in angular2?

typescript

ngrx

angular