【发布时间】:2018-12-05 20:47:35
【问题描述】:
我正在尝试在我的 Angular 5 应用程序中实现 algolia 即时搜索,并且正在使用本教程:Angular Full Text Search With Algolia Frontend 我已经安装了 instantsearch.js
我收到一个错误:ERROR TypeError: instantsearch is not a function at SearchUiComponent.ngOnInit
我尝试在 import 语句中添加以下内容:
import * as instantsearch from 'instantsearch.js';
declare var instantsearch: any;
和
import * as instantsearch from 'instantsearch.js/es'
SearchUi.component:
import { Component, OnInit } from '@angular/core';
import { environment } from '../../environments/environment';
import * as instantsearch from 'instantsearch.js'
export class SearchUiComponent implements OnInit {
search: any;
constructor() { }
ngOnInit() {
const options = environment.algolia;
this.search = instantsearch(options);
// search box widget
this.search.addWidget(
instantsearch.widgets.searchBox({
container: '#search-box',
autofocus: false,
placeholder: 'Search for actors',
poweredBy: true
})
);
this.search.start();
SearchUi.html
<div id="search-box">
<!-- SearchBox widget will appear here -->
</div>
<div id="hits">
<!-- Hits widget will appear here -->
</div>
【问题讨论】: