Confirmation on Leaving the Current Page in an Angular.js App

最新推荐文章于 2020-08-26 16:13:34 发布

转载最新推荐文章于 2020-08-26 16:13:34 发布 · 730 阅读

web 专栏收录该内容

81 篇文章

订阅专栏

本文介绍了一个基于AngularJS的扬声器诊断模块实现，该模块通过HTTP请求控制扬声器测试流程，包括开始和停止测试过程，并在离开页面前提供确认提示。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

diagnostic_module.controller("SpeakerCtrler", ["$scope", "$http", function ($scope, $http) {
    $scope.isTesting = false;

    $scope.$on('$locationChangeStart', function( event ) {
        var answer = confirm("Are you sure you want to leave this page?")
        if (!answer) {
            event.preventDefault();
        }
        else
        {
            if($scope.isTesting)
            {
                $http.delete('/api/diagnostics/speaker').
                success(function () {
                    $scope.isTesting = false;
                });
            }
        }
    });

    $scope.onStartSubmit = function() {
        $http.post('/api/diagnostics/speaker').
        success(function () {
            $scope.isTesting = true;            
        });
    };
    
    $scope.onStopSubmit = function() {
        $http.delete('/api/diagnostics/speaker').
        success(function () {
            $scope.isTesting = false;
        });
    };
}]);