如何在 ng-bootstrap typeahead 中使用自定义模板？

Question

这里是 ng-bootstrap typeahead 代码：

<div class="col">
  <input
    id="typeahead-config"
    type="text"
    class="form-control"
    [(ngModel)]="model"
    [ngbTypeahead]="search"
    formControlName="searchText"
    [resultFormatter]="formatted"
    [inputFormatter]="formatter"/>
</div>

如何更改此下拉菜单？

我需要向该下拉列表添加自定义<b>{{item.somevalue}}</b> 标签。谢谢！

Answer 1

@skouch2022 是对的。

<ng-template #rt let-r="result" let-t="term">
   your somevalue: <b>{{r['id']}}</b> <-- your b or i tag
   <ngb-highlight [result]="r.name" [term]="t"></ngb-highlight>
</ng-template>