语义-ui下拉列表在Angular 2/4中不起作用

Question

我的HTML模板中有这个下拉框

    <div class="ui dropdown selection">
       <input type="hidden" ngModel name="gender">
       <div class="default text">Select Gender</div>
         <i class="dropdown icon"></i>
            <div class="menu">
             <div class="item" data-value="male">Male</div>
             <div class="item" data-value="female">Female</div>
       </div>
   </div>

component.ts内的脚本形式

export class HomeComponent{
  constructor(){
    jQuery('ui.dropdown').dropdown();
  }
}

下拉框在UI上可见，但未列出选项并显示选择。