выберите раскрывающееся меню изменения режима передачи в angular 9 - PullRequest
0 голосов
/ 22 апреля 2020

Все я передаю значение в методе раскрывающегося изменения, основанного только на передаваемом значении. У меня есть некоторые проверки, чтобы включить кнопку отправки. А также мне нужно сравнить два раскрывающихся значения в этом случае, я не знаю, как с этим обращаться angular 9. И переданное значение с положением, пожалуйста, найдите снимок экрана

 <label for="aCount" class="required">testcount</label>
                <select id="testCounts" class="form-control" formControlName="testcount" #testcount
                    (change)='ontestCountSelected(testcount.value)'>

                    <option *ngFor="let count of testcountsVal" [ngValue]="count.count">
                        {{ count.count }}
                    </option>
                </select>
                <div class="text-danger"
                    *ngIf="submitted && listForm.controls.testcount.hasError('required')">
                    Select count is required
                </div>
            </div>
 public testcountsVal: any[] = [
    { count: '0' },
    { count: '1' },
    { count: '2' },
    { count: '3' },
    { count: '4' }
  ];
        ontestCountSelected(value: string) {
        console.log(value);
         }

Итак, у меня есть два вопроса: 1) один - как мы сравниваем две разные выпадающие модели в angular 9? 2) почему я получаю значение с помощью позиции в консоли, когда передаю значение в методе обмена в раскрывающемся списке

Пожалуйста, найдите вложение. enter image description here

1 Ответ

0 голосов
/ 22 апреля 2020

Проблема в том, что вы установили formControlName как переменную #testcount.

Вам нужно изменить #testcount на #testcount1 и использовать в качестве (change)='ontestCountSelected(testcount1.value)'

<label for="aCount" class="required">testcount</label>
<select id="testCounts" class="form-control" formControlName="testcount" #testcount1
      (change)='ontestCountSelected(testcount1.value)'>

      <option *ngFor="let count of testcountsVal" [ngValue]="count.count">
                        {{ count.count }}
      </option>
 </select>
...