如何向ngx Typeahead添加自定义HTML？

Question

就像google搜索一样，在typeahead下拉列表的底部有两个按钮，如何向ngxTypeahead下拉列表添加一些html？

<div class="row">
      <div class="col-sm-12">
        <div class="flex-grow-1 form-group business-classification">
          <div class="input-group">
            <div class="input-group-prepend form-control pl-0 pt-0 reorder-1 flex-grow-1 position-relative ">
              <!-- <span class="m-0 pt-4"><i class="material-icons md-18">search</i></span> -->
              <span class="label position-absolute">Business Classification<sup class="text-danger">*</sup></span>
              <input type="search" [value]="query" ngxTypeahead class="col-sm-12 form-control p-0 m-0 pl-3 no-brad border-0 bg-transparent pt-2" [taUrl]="url" [taApi]="api" [taItemTpl]="itemTpl" (taSelected)="handleHttpResultSelected($event)">
            </div>
          </div>

          <ng-template #itemTpl let-result>
            <div>{{ result.result.classification }}</div>
            <div class="ml-auto small text-secondary pl-5">SIC {{ result.result.sicCode }}</div>
          </ng-template>
        </div>
      </div>
    </div>

Answer 1

您可以使用自定义模板生成结果，并在最后添加所需的按钮