从其他javascript / Jquery函数调用Angularjs函数

Question

我有两个js文件，即app.js和datepicker.js。 我与此处的html文件无关。 datepicker.js中有一个名为clickApply（）的javascript函数。 我想从clickApply（）函数调用位于app.js文件内部的另一个SubmitDetails（）函数。 怎么做？

 angular.module('ctrl').controller('MyCtrl', ["$scope","$rootScope", function($scope, $rootScope){ $rootScope.submitDetails=function() }]);//inside app.js 

 clickApply: function(e) { //inside datepicker.js angular.element('#span').on("click",submitDetails()); this.hide(); this.element.trigger('apply.daterangepicker', this); } 

Answer 1

没有人喜欢在角度范围之外执行角度功能。 如果要在AngularJS中实现jQuery或任何其他外部插件，请将其包装在指令中并使用。

下面的代码仅用于debugging目的。

将您的clickApply函数签名更改为以下内容：

• 要访问scope ，可以使用angular.element(element).scope()
• 对于rootScope ，可以使用angular.element（'body'）。scope（）。$ root`

 clickApply: function(e) { //inside datepicker.js angular.element('#span').on("click", function(e) { // if you want to access rootScope var rootScope = angular.element('body').scope().$root; rootScope.submitDetails(); // if you want to access current scope // var scope = angular.element(e.target).scope(); // scope.submitDetails(); }); this.hide(); this.element.trigger('apply.daterangepicker', this); }