Angular / Algolia即时搜索 - 即时搜索不是一个功能

时间:2017-11-10 09:02:16

标签: angular algolia instantsearch.js

我正在使用

  • Algolia搜索/即时搜索

我想要实现的目标

  • 带回一组结果

已安装

  • 我通过npm
  • 安装了InstantSearch

什么在起作用

  • 我可以将数组写入控制台

什么不起作用

  • 我一直关注文档,但收到错误:
  

错误TypeError:instantsearch不是函数

组件TS

// Algolia Search
declare var require: any
import * as algoliasearch from 'algoliasearch';
const instantsearch = require('instantsearch.js');

...


constructor 

...


  testResults(){
    var client = algoliasearch("myappid", "myapikey");
    var index = client.initIndex('albums');
    index.search('p', function(err, content) {
      console.log(content.hits);
    });

    const search = instantsearch({
      appId: 'myappid',
      apiKey: 'myapikey',
      indexName: 'albums',
      urlSync: true
    });
  

  
    // initialize hits widget
    search.addWidget(
      instantsearch.widgets.hits({
        container: '#hits'
      })
    );
  
    search.start();
    
  }

组件HTML

 <div (click)="testResults()"> Test Results </div>
 
   <div id="hits">
    <!-- Hits widget will appear here -->
  </div>

非常感谢任何帮助。

1 个答案:

答案 0 :(得分:1)

试试这个: 从*&#39; instantsearch.js&#39;

导入*作为即时搜索

工作示例:https://gist.github.com/codediodeio/8b8b22844f8fd8a34ff6d6a6e8582468

你应该在服务类中实现它;)

Algolia doc https://community.algolia.com/instantsearch.js/v2/guides/angular-integration.html