Angular 6 - Form - Select Option не обновляется должным образом - PullRequest
Новая
       19

Angular 6 - Form - Select Option не обновляется должным образом

0 голосов
/ 12 марта 2019

Может кто-нибудь сказать мне, почему выберите опцию, которая не обновляется должным образом.но консоль получает правильное значение независимо от того, что я изменил.

Имеют форму с опцией выбора и кнопкой сохранения.всякий раз, когда я меняюсь, его показ [0] [0] - [0] [0] на мой взгляд.Пожалуйста, полный код здесь 

form name="form" (ngSubmit)="onSubmit()" #f="ngForm" novalidate>
    <div class="form-group" contenteditable="false" *ngFor="let val of mockData">
        <p>{{val.description}}</p>
        <label for="sort" class="col-sm-2 control-label"> select current type </label>
        <div class="col-sm-4">
            <select [(ngModel)]="saveData.selectedValue1" (change)="currChanged()" name="selectedValue1" >
                <option *ngFor='let d of dropDownString' [value]="d.currencyType">
{{d.currencyType}}
</option>
            </select>
        </div>
        <label for="sort" class="col-sm-2 control-label"> select max rate </label>
        <div class="col-sm-4">
            <select [(ngModel)]="saveData.selectedValue2" (change)="rateChanged()" name="selectedValue2" #selectedValue2 = "ngModel">
                <option *ngFor='let c of currencyValue' [value]="c.maxRate">
{{c.maxRate}}
</option>
            </select>
        </div>
    </div>
    <button>Save</button>
</form>

любезно, где я делаю ошибку и что нужно изменить.

Примечание: я просто хочу сохранить выбранные значения параметров отдельно и долженописание без каких-либо изменений от получения ответа.на данный момент я использую некоторые жестко закодированные данные.

заранее спасибо

1 Ответ

3 голосов
/ 12 марта 2019

В ваших replace функциях вам нужно заменить заполнители на this.saveData.selectedValue1 или this.saveData.selectedValue2. this.saveData привязывается к значениям обоих select элементов через ngModel.

Пример: 

data.description = data.description.replace(this.prevSelectValue1, this.saveData.selectedValue1);

Вам также необходимо соответствующим образом обновить ранее выбранное значение: 

this.prevSelectValue1 = this.saveData.selectedValue1;

Stackblitz здесь .

...