当我尝试使用ng-bootstrap(2.0.0)typeahead组件时,我从库本身内部遇到了故障。我正在使用此版本,因为我不能升级到Angular6。这是我遇到的错误。
错误TypeError:Object(...)不是函数
在新的NgbTypeahead(typeahead.js:54)上
在createClass(core.js:10382)
...
在Object.debugCreateEmbeddedView [作为createEmbeddedView](core.js:12294)
我这样设置HTML:
<ng-template #listSelectionFormatter let-r="result">
<span (click)="onWorkerSelected(r)">{{r.wwid}} - {{r.fullName}}</span>
</ng-template>
<div class="form-group">
<label *ngIf="labelText" class="col-form-label" for="wwid">{{ labelText }}</label>
<input id="wwid" name="wwid" type="text"
class="form-control"
placeholder="Search by WWID, IDSID, Name or Email"
[ngModel]="ngModel"
[ngbTypeahead]="search"
[inputFormatter]="selectedResultsFormatter"
[resultTemplate]="listSelectionFormatter"
/>
<span *ngIf="searching">searching…</span>
<div class="invalid-feedback" *ngIf="searchFailed">Lookup failed.</div>
</div>