Как установить параметр как выбранный на основе значения в angular из компонента / HTML - PullRequest
Новая
       4

Как установить параметр как выбранный на основе значения в angular из компонента / HTML

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

У меня есть меню выбора формы, которая отправляет данные в sql БД и извлекает их обратно, когда она вызывается для редактирования того же значения, которое будет отображаться в выбранной опции меню выбора. Пожалуйста, посмотрите на мой код. 

<label>State</label>
<select class="form-control" [(ngModel)] = "selectedState"  id="statelist" name="statelist" #statelist = "ngModel"  [disabled]="selectedCountry == null || selectedCountry == 0" required ngmodel>
   <option>Select a State</option>
   <option *ngFor="let item of stateListSorted" [ngValue] = "item.name" [selected] = "stateOptions">{{item.name}}</option>
</select>

Компонент 

onEditCustomer(customerEdit: Customer): void{
    this.addFormStatus = true;
    this.addBtnStatus = false;
    this.customerEditCall = true;
    this.selectedCustomerEdit = customerEdit;
    this.companyName = this.selectedCustomerEdit.name;
    const country =  this.selectedCustomerEdit.country;
    this.stateOptions = this.selectedCustomerEdit.state;
  }

1 Ответ

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

Не уверен, что это то, что вам нужно, но вы можете установить для [(ngModel)] = "selectedState" желаемое значение в вашем компоненте.

https://stackblitz.com/edit/angular-qmuxxj

В качестве альтернативы, чтобы ответить на ваш вопрос (но также менее читабельный imo, поскольку он находится в HTML), вы можете наложить условие на атрибут «selected» тега 

<option *ngFor="let item of stateListSorted" [ngValue] = "item.name" [selected] ="item.id === 5">{{item.name}}</option>
...