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

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

Appending the selected value to input field using ionic2 /angular 2

ionic2

angular

查看

打字稿