Как выбрать первое / значение по умолчанию <option>в модальном - PullRequest
Новая
       35

Как выбрать первое / значение по умолчанию <option>в модальном

0 голосов
/ 01 июня 2018

Я добавляю данные из моего модального режима в базу данных, и после добавления данных я хотел бы сбросить значения выпадающего меню в моем модальном

И вот код этих выпадающих меню: 

<div class="form-group">
<label class="control-label dash-control-label col-sm-3" for="">Tax:</label>
<div class="col-sm-3">
<select id="taxSelect" class="form-control dash-form-control select2" style="width: 100%;" data-minimum-results-for-search="Infinity">
  <option disabled [ngValue]="null">-/-</option>
  <option *ngFor="let tax of taxes" [value]="tax.id">
    {{tax.title}}
  </option>
</select>
</div>

<label class="control-label dash-control-label col-sm-3" for="">UoM:</label>
<div class="col-sm-3">
<select id="unitOfMeasureSelect" class="form-control dash-form-control select2" style="width: 100%;" data-minimum-results-for-search="Infinity">
  <option disabled [ngValue]="null">-/-</option>
  <option [value]="um.id" *ngFor="let um of unitOfMeasures">{{um.title}}</option>
</select>
</div>
</div>

Как вы можете видеть, ребята, значение по умолчанию для моего выпадающего меню: 

<option disabled [ngValue]="null">-/-</option>

. Поэтому мне интересно, как я могу после отправки и закрытия этого модального режима сбросить эти параметры / выпадающие значения снова в состояние по умолчанию (дляэто значение: "- / -") ..

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

Спасибо, ребята, ура

Ответы [ 2 ]

0 голосов
/ 01 июня 2018

просто используйте директиву ngModel на узле выбора и привяжите ее к переменной.и установите значение в null после отправки данных.Кстати: как вы читаете выбранное значение без ngModel на данный момент? 

<select [(ngModel)]="selectedUnit">
    <option [ngValue]="null">-/-</option>
    <option [value]="um.id" *ngFor="let um of unitOfMeasures">{{um.title}}</option>
</select>

Код машинописного текста может выглядеть следующим образом: 

export class MyFormComponent {

    public selectedUnit: any = null;

    constructor() {}

    public submitForm(form: NgForm): void {
        //do some server call
        this.selectedUnit = null; // set selectedUnit to null so the dropdown value will change
    }
}

вам нужно будет импортировать FormsModule в ваше приложение

0 голосов
/ 01 июня 2018

вы можете использовать в способе отправки $('#taxSelect').val(null)

...