выбранный атрибут не работает на <option>- ANGULAR - PullRequest
Новая
       10

выбранный атрибут не работает на <option>- ANGULAR

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

Я работаю с раскрывающимися списками и выберите 2, и мне нужно отредактировать продукт, и, разумеется, этот выбранный продукт содержит принадлежащую группу / категорию в раскрывающемся списке, но эта группа не выбирается при открытии модального режима, даже если есть значениеВот как я пытался добиться этого:

1.) Заполните раскрывающийся список всеми категориями (это работает) (*ngFor="let category of mainGroups)

2.) Выберите соответствующее значение на основе выбранной статьи (это не работает) 

<!--category-->
<div class="form-category">
  <label class="control-label dash-control-label col-xs-3">Product category:</label>
  <div class="col-xs-9">
    <select touch-enter-directive [ref]="ref" [nextFocusElement]="articleSubGroup" id="mainGroupSelectEdit" class="form-control dash-form-control select2" style="width: 100%;"
            data-minimum-results-for-search="Infinity" name="mainGroupSelectEdit" required (change)="filterSubById(article.groupId)" [(ngModel)]="article.groupId">
      <option disabled>-/-</option>
      <option [value]="category.id" *ngFor="let category of mainGroups" [selected]="category.id==='a0e25215-a60e-4444-b6ac-4521b7de4b37'">{{category.title}}</option>
    </select>
    {{article.mainGroup.id}} <- here is shown value a0e25215-a60e-4444-b6ac-4521b7de4b37, so I thought that value should be selected in dropdown
  </div>
</div>

Как вы можете видеть, ребята, я использовал

[selected]="category.id==='a0e25215-a60e-4444-b6ac-4521b7de4b37'"

, потому что я думал, что это может работать так, но, очевидно, это можетнет ..

1 Ответ

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

У вас есть модель выбора, установленная на article.groupId.

Не имеет значения, если вы используете [selected], пока article.groupId остается неизменным.

Еслидля выбора опции a0e25215-a60e-4444-b6ac-4521b7de4b37 необходимо присвоить значение a0e25215-a60e-4444-b6ac-4521b7de4b37 свойству article.groupId,В этом случае ngModel устанавливает выбранный атрибут, если его значение равно одному из параметров.

...