why select options value not binded when editing entity angular 2
<p>Hello I just ran to an issue, when I try to edit i have a dropdownlist, and it does not show any value seems like it does not want to bind... Here is my code and result:</p>

<p>View: </p>

<pre><code>&lt;select class="form-control" id="selectedCategory"
  required
  [(ngModel)]="subCategory.category" name="selectedCategory"&gt;
  &lt;option *ngFor="let category of categories" [ngValue]="category"&gt;{{category.name}}&lt;/option&gt;
&lt;/select&gt;`
</code></pre>

<p>Here is my entities:</p>

<p><code>category.ts</code> class:</p>

<pre><code>import { ICategory } from "../interfaces/icategory";

export class Category implements ICategory {
    id: number;
    name: string;
    image: string;
}
</code></pre>

<p><code>subcagory.ts</code> class:</p>

<pre><code>import { ISubCategory } from "../interfaces/isubcategory";
import { ICategory } from "../interfaces/icategory";

export class SubCategory implements ISubCategory {
    id: number;
    name: string;
    image: string;
    category: ICategory;
}
</code></pre>

<p>and here is the result what I can receive in developers console through debugging:</p>

<p><a href="https://i.stack.imgur.com/wMHuM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/wMHuM.jpg" alt="enter image description here"></a></p>

<p>and if i go to the form there is empty DDL, but there are values for all my categories...</p>

<p><a href="https://i.stack.imgur.com/SLc7W.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/SLc7W.png" alt="enter image description here"></a></p>

<p>Has anyone got any idea where i go wrong ? :) Thanks for any help.</p>