时间戳

首页 > 解决方案 > 值没有以角度绑定

angular - 值没有以角度绑定

问题描述

这里我有两个字段，一个是输入，一个是下拉。对于下拉列表，值来自 api。当我在输入字段中输入数字时，点击回车键后，它将调用函数并且有两个条件，如果条件1匹配

this.cardModel.payType.value="Visa";

并且该值应显示为下拉菜单的默认值。

如果条件2匹配则

 this.cardModel.payType.value="Master Card";

并且那些分配的值应该显示为下拉列表的默认值。但是尽管我[(ngModel)]="cardModel.crd_no.value在 html 文件中给出了值，但没有显示该值。没有得到我做错的地方。请帮帮我！！

html

<input name="crd_no" (keydown.enter)="youFuncToCheck(card_number)" [(ngModel)]="cardModel.crd_no.value"  type="text" class="form-control">


    <select class="form-control" name="typeOfPayment"  [(ngModel)]="cardModel.payType.value">
     <option *ngFor="let itm of payType" value={{itm.key}}>{{itm.display}}</option>
    </select>

ts文件

youFuncToCheck(card_number){
card_number=this.payType.crd_no.value

 // visa
 var re = new RegExp("^4");
 if (card_number.match(re) != null){
  this.cardModel.payType.value="Visa";
}

var re=new RegExp("^5[1-5][0-9]{0,14}|^(222[1-9]|2[3-6]\\d{2}|27[0-1]d|2720)[0-9]{0,12}");
   if(card_number.match(re) != null)
     this.cardModel.payType.value="Master Card";
   }

标签： angulardata-binding

解决方案

ngModel这是使用in selectelement的一些基本代码：

.html 文件

  <select class="form-control" name="typeOfPayment"  [(ngModel)]="cardModel.payType.value">
     <option *ngFor="let itm of payType" [ngValue]={{itm.key}}>{{itm.display}}</option>
  </select>

ts文件：

     cardModel.payType.value = ''

推荐阅读