Выберите значение по умолчанию / вариант объекта

Question

У меня есть элемент select, который отображает все категории продуктов.

<div class="form-group">
   <label class="control-label">Category</label> 
   <select (ngModelChange)="setNewCategory($event)" [(ngModel)]="product.productCategory" name="productCategory">
   <option *ngFor="let category of productCategoriesPage?.content" [ngValue]="category">{{category.name}}</option>
   </select>
</div>

Если я хочу отредактировать продукт, я хочу, чтобы его категория была предварительно выбрана в элементе select option. Есть ли что-то, чтобы добавить в HTML-код или это должно быть сделано программно (файл TS).

Answer 1

Решение состоит в том, чтобы использовать директиву compareWith следующим образом:

<select [compareWith]="compareFn" (ngModelChange)="setNewCategory($event)" [(ngModel)]="product.productCategory" name="productCategory">

А:

compareFn(pc1: ProductCategory, pc2: ProductCategory): boolean {
    return pc1 && pc2 ? pc1.id === pc2.id : pc1 === pc2;
  }