значение не связывается в угловых - PullRequest
Новая
       5

значение не связывается в угловых

0 голосов
/ 08 октября 2019

Здесь у меня есть два поля, одно из которых является входным, а другое - раскрывающимся. Для выпадающих, значения, поступающие из API. Когда я ввожу число в поле ввода, после нажатия на клавишу ввода, он вызовет функцию, и есть 2 условия, если условие 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 file 

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";
   }

Ответы [ 2 ]

0 голосов
/ 08 октября 2019

Вот базовый код, использующий элемент ngModel in select:

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 = ''
0 голосов
/ 08 октября 2019

Обратите внимание на приведенный ниже пример, в котором значение в select и значение в опции одинаковы. Пожалуйста, убедитесь, что оба значения одинаковы и одинакового типа. Таким образом, вы можете сделать выбор по умолчанию 

<select  class='form-control' 
            (change)="ChangingValue($event)" [value]='46'>
      <option value='47'>47</option>
      <option value='46'>46</option>
      <option value='45'>45</option>
    </select>
...