使用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]);  
}