Как вызвать функцию JQuery в angularjs функции

Question

Я хочу знать, что, как я могу вызвать функцию JQuery в моей угловой функции, как я функция JQuery, как:

function testData(){ 
    // code 
} 

и У меня есть угловая функции, как:

myApp.controller(AppCtrl,['$scope', function($scope) { 
    $scope.imagesData = function(){ 
     //here I need to call the function: testData() 
    } 
}]); 

так, пожалуйста, дайте мне знать, что, как я могу назвать мою Testdata() внутри функции angularjs ($ scope.imagesData()). Заранее спасибо.

Answer 1

Определенная пользователем функция не зависит от jQuery. Если вы хотите позвонить в jQuery, вы должны включить jQuery до angularjs. Здесь вы должны использовать jQuery префикс, чтобы избежать конфликта с angularjs функции

myApp.controller(AppCtrl,['$scope', function($scope) { 
    $scope.imagesData = function() { 
     testData();//calling jquery function visible in given scop 
     jQuery('#id').next();//getting element sibling 
    } 
}]); 

Answer 2

Вы можете сделать следующие вещи:

1) Сделать JS файл поместить эту функцию в файле JS, например: MYFUNCTION .js, включают данные теста метода.

2) Дайте свою ссылку/включить его, прежде чем angularjs в HTML

3) Вы можете непосредственно вызвать функцию в контроллере.

Но с целью использования jquery вы можете вызвать любой метод с помощью JQuery(), просто добавьте пакет JQuery до angularjs.

Answer 3

Я попробовал это. Я надеюсь, что это может помочь. Js:

function testData(){ 

    return ("entering"); 
} 

var myapp = angular.module("myapp",[]); 
myapp.controller("ctrl",['$scope', function($scope) { 

    $scope.imagesData = testData; 

    console.log($scope.imagesData()); 
}]); 

Рабочая Jsbin