在角度 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> 并在<option> 中使用[attr.value]="item._id" 来获取所选项目的ID 或值。