ng-click не работает с внешним JavaScript

Question

Я создаю ионный проект, и я пытаюсь интегрироваться с Algolia autocomplete.js. Мне удалось сделать поиск работы системы, однако я добавил нг щелчка на моих результатах поиска и эта функция не работает, как представлена ​​в этом 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

---- решаемые ----

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

.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); 
});