forms - 在角度 2 中形成语义 UI 下拉选择

Question

当我在下拉列表中选择一个项目时，我的表单中的空值不会改变。formcontrol 没有得到数据。这是我的html。我正在使用data-value获取字段的选定值

<div id="category" class="ui fluid search selection dropdown" [class.error]="formErrors.category">
    <input name="category" type="hidden" formControlName="category">
    <i class="dropdown icon"></i>
    <div class="default text">Select Category...</div>
    <div class="menu">
        <div class="item" *ngFor="let item of categories" data-value="item._id">{{item.name}}</div>
  </div>
</div>

Answer 1

我已经解决了这个问题。我只是使用<select>代替<div>和用于[attr.value]="item._id"获取<option>所选项目的 id 或值。