未从下拉列表中选择项目（Angular Js）

Question

我从类别下拉列表中选择一个项目，并希望通过模板驱动形式将其另存为控制台中的对象。

但是我没有找到类别。

这是我的表单模板代码：-

<form #f="ngForm" (ngSubmit)="save(f.value)">
        <div class="form-group">
          <label for="title">Title</label>
          <input ngModel name="title" id="title" type="text" class="form-control" >
        </div>

        <div class="form-group">
          <label for="price">Price</label>
          <div class="input-group">
            <span class="input-group-append">$</span>
            <input ngModel name="price" id="price" type="number" class="form-control">
          </div>
        </div>
                   
        **<div class="form-group">
          <label for="category">Category</label>
          <select ngModel name="category" id="category" type="text" class="form-control">
            <option value=""></option>
            <option *ngFor="let c of categories$ | async" [value]="c.$key">
              {{ c.name }}
            </option>
          </select>
        </div>**  

        <div class="form-group">
          <label for="imageUrl">Image URL</label>
          <input ngModel name="imageUrl" id="imageUrl" type="text" class="form-control" >
        </div>        
        <button class="btn btn-primary">Save</button>
        <button type="button" class="btn btn-danger">Delete</button>
    </form>   

Screen Shoot

能否请您指导我为什么类别是“未定义”

Firebase数据库：- Firebase database category