如何在AngularJS控制器中调用javascript函数?
我有以下Javascript函数如何在AngularJS控制器中调用javascript函数?,javascript,jquery,angularjs,Javascript,Jquery,Angularjs,我有以下Javascript函数 <script type="text/javascript"> function ShowProgress() { var modal = $('<div />'); modal.addClass("spinmodal"); $('body').append(modal); var loading = $(".loading"); loading.sh
<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>
只需调用这些方法:
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');
});
}
});
提示:使用Angular指令进行DOM操作,您不需要任何用于DOM操作的jQuery代码,Angular就足够了。您可以创建一个服务并将其插入控制器中。这样,您可以在多个控制器中重用该函数 例如
/* Controller */
angular.module('appApp')
.controller('myCtrl', function ($scope, Modal) {
Modal.openModal("myBtn");
}
/* Service */
angular.module('appApp')
.factory('Modal', function() {
return {
openModal: function(btnId) {
// Java script code goes here...
}
};
});
注意:别忘了在index.html文件中添加服务
我希望这有帮助 只要调用这些方法,看看发生了什么dom操作最好在指令而不是控制器中完成。
/* Controller */
angular.module('appApp')
.controller('myCtrl', function ($scope, Modal) {
Modal.openModal("myBtn");
}
/* Service */
angular.module('appApp')
.factory('Modal', function() {
return {
openModal: function(btnId) {
// Java script code goes here...
}
};
});