Question

我想知道如何在我的角度函数中调用jQuery函数，就像我有一个jquery函数一样：

function testData(){
    // code
}

我有一个角度函数，如：

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

所以，请告诉我如何在angularjs函数（$ scope.imagesData（））中调用我的testData（）。提前谢谢。

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）在html

中的angularjs之前给它引用/包含它

3）您可以直接调用控制器中的功能。

然而，为了使用jquery，你可以使用Jquery（）调用任何方法，只需在angularjs之前添加Jquery包。

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

如何在angularjs函数中调用jQuery函数

3 个答案: