2016-07-06 28 views
1

私は親コンポーネント(からの入力値を渡したい)()(私は@inputてみましたが、そのが働いていない私は、私はいくつかの間違いを犯していと思います。?)Angle2のngFormの親コンポーネントから子コンポーネントへの値の受け渡しはありますか? 子コンポーネントへ

親コンポーネント:。

<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> 
+0

? – micronyks

答えて

0

あなたはそれ間違った方法ラウンド持っているように見えます。 子コンポーネントには@Input注釈が必要です。そのため、Angular 2はあなたに何かを渡していることを知っています。

だからあなたの親コンポーネントで@Inputを削除し、子コンポーネントに追加します。

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

注:[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. 
     } 
} 
関連する問題