ng2 completer dataService数组值为多个formarray

时间:2017-09-09 04:52:45

标签: angular

我有一个带有多个表单数组的反应形式。在一个我使用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。有可能吗?

1 个答案:

答案 0 :(得分:1)

HTML文件selected代码中添加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 类。

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