Question

我正在创建一个离子项目，我正在尝试与Algolia autocomplete.js集成。我设法使搜索系统工作，但是我在搜索结果中添加了一个ng-click，这个函数不能像我在下面的例子中所做的那样工作：

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功能：选择＆＃34;功能和使用数据集和建议结果。

.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

});

Answer 1

编辑答案：

以下是codepen：

显然这个建议会点击名称，所以你不需要额外的功能：

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

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

ng-click不适用于外部JavaScript

1 个答案: