ng2コンプリータdataService配列の値から複数のformarray

Question

私は複数のフォーム配列を持つ反応的なフォームを持っています。 1つはng2コンプリータを使用しています。今度は、同じコンプリータのデータ値を別のフォーム配列に入れたいと思います。ここに私のplunkerがあります。

medicalItems = 
[{name:'Gloves', number: '1', price: '10.10'}, 
{name:'Needles', number: '1', price: '22.10'}, 
{name:'Seasors', number: '1', price: '33.10'}]; 

名前を選択したときに価格を設定したいと思うことがわかります。例えばng2 copleterから「手袋」を選択すると、価格は自動的に10.10になります。出来ますか？

Answer 1

HTMLファイルはng2-completerタグ

<ng2-completer 
      [formControl]="po.controls.name" 
      [(ngModel)]="myModel.payOffs[i].name" 
      class="completer-limit"      
      [datasource]="dataService2" 
      [inputClass]="'form-control'" 
      [minSearchLength]="0" 
      [placeholder]="'search item'" 
      [autoHighlight]="true" 
      [fillHighlighted]="false" 
      (selected)="onItemSelect($event, i)"> 
</ng2-completer> 

AppComponentクラスでselectedイベントを追加します。

onItemSelect(selected:CompleterItem, index: any){ 
    if(selected) 
    this.myModel.payOffs[index].price = selected.originalObject.price; 
}