javascript - 在 jQuery 中调用 AngularJS 函数

Question

我在 jQuery 函数中调用 AngularJS 函数，但执行不是顺序的。当我执行此页面时，首先显示 jQuery 警报而不是 AngularJS 警报。如何确认 AngualarJS 函数已经执行？执行 AngularJS 函数后，它应该在 jQuery 上执行下一行。

Javascript 函数:-

    (function( $ ){

      $.fn.multipleInput = function() {

     return this.each(function() {

     angular.element('#theController').scope.getFullName($input.val());
     alert("AFTER ANGULAR JS");


        }

       });

AngularJS 函数:-

    var bipin=angular.module("ui.bootstrap.demo",['ui.bootstrap']);

    bipin.controller('theController',['$scope','$q','$http','$window',      function($scope,$q,$http,$window){
   $scope.selected = '';
   $scope.email = '';
   $scope.fullName = '';

    $scope.getFullName= function(item) {
          alert();
           return $http.get('https://myservice/v1/query/'+$label)
        .then(function(response){
          return response.data.items.map(function(item){
                 alert("INSDE ANGULAR JS");
                $scope.fullName=item.fullName; 

             return    item.fullName;

           });
        });



      };

Answer 1

Scope 是 jQuery 插件，所以你需要调用它:

angular.element('#theController').scope().getFullName($input.val());

你可以调用 $ 而不是 angular.element。

$('#theController').scope().getFullName($input.val());