typescript - 将值从父组件传递给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

注意：[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.
      }
}

Answer 2

看起来你弄错了。子组件中@Input需要注释，因此 Angular 2 知道您正在向其中传递一些东西。

因此，删除@Input父组件中的 并将其添加到子组件中：

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