ng-click 不适用于外部 JavaScript

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 函数，您可以在 "autocomplete:selected" 函数中处理搜索事件点击并使用数据集和建议结果。

.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

ng-click doesn't work with external JavaScript

angularjs

angularjs-ng-click

ionic-framework

algolia