Блог

Я создаю проект ionic и пытаюсь интегрироваться с Algolia autocomplete.js . Мне удалось заставить систему поиска работать, однако я добавил ng-click в результаты поиска, и эта функция работает не так, как представлено в этом codepen, который я сделал в качестве примера ниже:

http://codepen.io/marcos_arata/pen/VKVOky

Внутри шаблона результата моего algolia:

 <a ng-click="add_name({{{ name }}})">
  

Функция, которая должна запускаться при нажатии:

 $scope.add_name = function(name) {
    alert('User added!');
    console.log(name);
}
  

Я попытался внедрить результаты внутри области видимости, но также не сработало:

 autocomplete('#search_name', { hint: false, debug: true, openOnFocus: true },[{
    source: index.ttAdapter({ hitsPerPage: 15 }),
    templates: {
        header: '',
        suggestion: function(hit) {

            $scope.hit = hit;

            return template.render(hit);

        }
    }
}]);
  

http://codepen.io/marcos_arata/pen/VKVOky

—- РЕШАЕМАЯ —-

Вместо того, чтобы создавать функцию ng-click внутри ваших шаблонов, вы можете обрабатывать нажатие события вашего поиска внутри вашей функции «автозаполнение: выбрано» и использовать результаты набора данных и предложения.

 .on('autocomplete:selected', function(event, suggestion, dataset) {

  $scope.name = suggestion.name;
  console.log($scope.name);
  ## create any functions with the suggestion and dataset results inside

});
  

РЕДАКТИРОВАНИЕ ОТВЕТА:

Вот codepen:

По-видимому, в предложении сохранено выбранное имя, поэтому вам не нужна дополнительная функция:

 .on('autocomplete:selected', function(event, suggestion, dataset) {

  $scope.name = suggestion.name;
  console.log($scope.name);
});