Ссылка на угловую функцию за пределами видимости

Question

У меня есть следующий код примерно. Как я могу получить доступ к myFunction() вне углового кода? Помощь очень ценится. ng-click не работает с манипуляциями DOM, которые я делаю, но ng-repeat работает не так, как хотелось бы. Я могу получать события onclick для работы в сгенерированном контенте.

var app = angular.module('main', ['ui.bootstrap', 'ngTable']).controller('x', function ($scope, $filter, $http, $q, ngTableParams, $window) { 

    var myFunction = function(){ 
     some angular stuff 
    } 

} 

//javascript 
function testFunction(){ 
    angular.element(document.getElementById('x')).scope().myFunction(); 
} 

Вышеуказанный код - это то, что я нашел из поиска и не работает, как хотелось бы. Предоставление ошибки в консоли: невозможно прочитать свойство «myFunction» undefined

Редактировать: Вот манипуляция DOM, которую я делаю ... myFunction имеет id как аргумент, передаваемый в моей фактической реализации.

usersArray[] //populated object array with name and id 

$scope.generateUsers = function(){ 
    for(var i = 0; i < usersArray.length; i++){ 
     document.getElementById("container").innerHTML += "<div ng-click='myFunction(" + usersArray[i].id + ")'> usersArray[i].name + "</div><br />"; 
    } 
} 

РЕШЕНИЕ:

в яваскрипте функции, если я изменил свой код:

function testFunction(supUserId) { 
    angular.element(document.getElementById('HTMLElementId')).scope().myFunction(); 
} 

Изменение элемента из контроллера (х в моем случае) к HTML-элементу в теле моей страницы.

Answer 1

myfunction не заявлен внутри scope. Может быть добавить ур MyFunction внутри как код ниже

var app = angular.module('main', ['ui.bootstrap', 'ngTable']).controller('x', 
function ($scope, $filter, $http, $q, ngTableParams, $window) { 
    $scope.myFunction = function(){ 
     some angular stuff 
    } 
}