2015-07-03 5 views
12

मैं जावास्क्रिप्ट नीचे है कार्य करतामैं AngularJS नियंत्रक में जावास्क्रिप्ट फ़ंक्शन कैसे कॉल कर सकता हूं?

<script type="text/javascript"> 
    function ShowProgress() { 
     var modal = $('<div />'); 
     modal.addClass("spinmodal"); 
     $('body').append(modal); 
     var loading = $(".loading"); 
     loading.show(); 
     var top = Math.max($(window).height()/2 - loading[0].offsetHeight/2, 0); 
     var left = Math.max($(window).width()/2 - loading[0].offsetWidth/2, 0); 
     loading.css({ top: top, left: left }); 
    } 

    function HideProgress() { 
     var loading = $(".loading"); 
     loading.hide(); 
     $(".spinmodal").remove(); 
    } 
</script> 

अब मैं कोणीय नियंत्रक में इस ShowProgress() और HideProgress() कॉल करना चाहते हैं। मैं ShowProgress() पर deletePrepared को GetAllPrepared से नीचे कॉल करना चाहता हूं।

<script type="text/javascript"> 
    app.controller("myCntrl", function ($scope, angularService, $modal) { 

     $scope.deletePrepared = function (itm) { 
      var getData = angularService.DeletePrepared(itm.ProductId); 
      getData.then(function (msg) { 
       GetAllPrepared(); 
      }, function() { 
       alert('Error in Deleting Record'); 
      }); 
     } 

    }); 
</script> 
+1

बस उन mthods को कॉल करें और देखें कि क्या हो रहा है –

+1

डोम मैनिपुलेशन नियंत्रक के बजाय निर्देश में बेहतर किया जाता है। – geckob

उत्तर

21

आप उन तरीकों फोन:

app.controller("myCntrl", function ($scope, angularService, $modal) { 

    $scope.deletePrepared = function (itm) { 
     ShowProgress(); 

     var getData = angularService.DeletePrepared(itm.ProductId); 
     getData.then(function (msg) { 
      HideProgress(); 
      GetAllPrepared(); 
     }, function() { 
      alert('Error in Deleting Record'); 
     }); 
    } 

}); 

युक्ति: कोणीय निर्देशों का प्रयोग करें डोम हेरफेर करने के लिए और आप डोम हेरफेर के लिए किसी भी jQuery कोड की आवश्यकता नहीं है, कोणीय इसके लिए पर्याप्त है।

संबंधित मुद्दे

 संबंधित मुद्दे