onBeforeUnload被应用于整个应用程序

Question

我正在使用一个服务，当用户试图刷新或关闭页面时基本上弹出一个框，它工作正常，但基本上我只想在特定页面中应用，但问题是应用于其余的页面。

我尝试在包含特定状态位置的if语句中应用，但仍在应用程序的其余部分中应用。

服务：

 if ($state.includes("app.cal.lab.result")){
                $scope.$on('onBeforeUnload', function (e, confirmation) {
                    confirmation.message = "All data willl be lost.";
                    e.preventDefault();
                });
                $scope.$on('onUnload', function (e) {
                    console.log('leaving page'); // Use 'Preserve Log' option in Console
                });
            }

控制器：

var data = [{"name":"Adult Emergency","y":2},{"name":"Adult Social Care and Health","y":1},{"name":"Anaesthetics","y":1},{"name":"Audiology","y":2}];

var chart_options = {
  "chart":  { "type":"bar", "height":"700" },
  "xAxis":{ "categories":[""] },    
  "series":[{"data": data}]
  };

$('#main').highcharts(chart_options);