在提前引导中选择上路由

时间:2019-01-31 19:59:59

标签: angular observable bootstrap-typeahead

我已经工作与此组件这里https://ng-bootstrap.github.io/#/components/typeahead/examples。 选择结果后,我想转到新页面(使用Enter键或单击)。我有以下的HTML模板。我尝试用“ selectedItem($ event,result)替换选定的项目函数,但是函数中的结果未定义

ng-template #rt let-r="result" let-t="term">
    <div>
      <p>{{r.Name}}</p>
    </div>
  </ng-template>

  <div class="keyword-wrapper">
    <input 
      type="text" 
      autocomplete="off" 
      placeholder="Search" 
      id="keyword" 
      class="form-control" 
      [formControl]="queryField" 
      [ngbTypeahead]="search" 
      [resultTemplate]="rt"
      [inputFormatter]="formatter"
      (selectItem)="selectedItem($event)"
    />
  </div>

selectedItem是有效的函数,但是我无法告诉您在ng-template中选择了哪个结果。是否可以在selectItem事件中传递结果?

0 个答案:

没有答案