How to disable browser back button AngularJs?

How to disable browser back button using JavaScript?

AngularJs provides a useful event called location Change Start. The examples for $rootScope and $scope level looks like,

Example1 for $scope level as below,

//How to disable browser back button angularjs?
//Added event listner for disabled back button.
$scope.$on('$locationChangeStart', function(evnt, next, current){            
    alert("Your, browsers back button is disabled!");

    //Prevent browser's back button default action.
    evnt.preventDefault();            
});

Example2 for $rootScope level as below,

//Using $rootScope for event $locationChangeStart.
app.run(['$rootScope', function ($rootScope) {
     $rootScope.$on('$locationChangeStart', function (event) {
        event.preventDefault();
     });
}]);

I hope, It might help you! Thank you!