Algolia 自动完成传入选项

Question

在使用 Angular 库时如何传入 options 对象？

文档中的示例很清楚，但与 jquery 示例不同的是，在初始化以传入对象时，您没有可以访问的自动完成对象。

相反，它使用$scope.$on。 { debug: true }哪里能传到？

<script src="https://cdn.jsdelivr.net/algoliasearch/3/algoliasearch.angular.min.js"></script>
<script src="https://cdn.jsdelivr.net/autocomplete.js/0/autocomplete.angular.min.js"></script>
<script>
  angular.module('myApp', ['algoliasearch', 'algolia.autocomplete'])
    .controller('yourController', ['$scope', 'algolia', function($scope, algolia) {
      var client = algolia.Client('YourApplicationID', 'YourSearchOnlyAPIKey');
      var index = client.initIndex('YourIndex');

      $scope.getDatasets = function() {
        return {
          source: algolia.sources.hits(index, { hitsPerPage: 5 }),
          displayKey: 'my_attribute',
          templates: {
            suggestion: function(suggestion) {
              return suggestion._highlightResult.my_attribute.value;
            }
          }
        };
      };

      $scope.$on('autocomplete:selected', function(event, suggestion, dataset) {
        console.log(suggestion, dataset);
      });
    }]);
</script>

Answer 1

您可以传递aa-options，如下所述：

<input type="search" id="aa-search-input" class="aa-input-search" placeholder="Search for players or teams..." name="search"
    autocomplete aa-datasets="getDatasets()" aa-options="{hint: false}" />