角度2のセマンティックUIドロップダウン選択

Question

ドロップダウンでアイテムを選択すると、フォームの空白のファルが変更されません。フォームコントロールはデータを取得しませんでした。ここに私のhtmlがあります。私はすでにこれを解決し、フィールドの

Answer 1

<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>

を選択した値を得ることに data-valueを使用しています。私はちょうど <div>の代わりに <select>を使用し、 <option>の [attr.value]="item._id"を使用して、選択したアイテムのIDまたは値を取得しました。