使用ionic2 / angular 2将所选值附加到输入字段

Question

我想使用angular2 / ionic2将所选值附加到输入字段。我尝试了以下方式，但它按以下方式添加：

但实际要求是这样的： fdfdfdf @ hdfc 或 fdfdfd @ icici

视图

<ion-item>
        <ion-label floating>Bank Name</ion-label>
        <ion-select [formControl]="bank" (ionChange)="bankChange($event)">
          <ion-option value="HDFC">HDFC</ion-option>
          <ion-option value="ICICI">ICICI</ion-option>
        </ion-select>
</ion-item>

打字稿

export class AddAccountPage {
  addAccountForm: ControlGroup;
  vaddr: AbstractControl;

  constructor(public navCtrl: NavController, private fb: FormBuilder) {
    this.addAccountForm = fb.group({  
      'vaddr': ['', Validators.compose([Validators.required])]
    });    
    this.vaddr = this.addAccountForm.controls['vaddr'];     
  }

  bankChange(val){
   (this.vaddr as Control).updateValue(this.vaddr.value +'@'+ val);
  } 
}

Answer 1

我通过以下方式解决了我的问题，

if(this.vaddr.value.indexOf('@') > -1){
   (this.vaddr as Control).updateValue(this.vaddr.value.split("@")[0]);  
}