2017-09-20 41 views
0

如何在使用角库时传递选项对象?Algolia自动完成传递选项

该示例从文档中清楚,但与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> 

回答

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}" />