Display a customized confirm box in angularjs when user leaves a page

My requirement is to display a customized confirm box when the user leaves a page without saving form data.

I used the window.onbeforeunload event it is displaying google chrome related predefined confirm box. When the user changes any form and trying to reload, tab close or route change I want to display a $mdDialog.confirm and asking user to leave the page or stay on the same page. How do I make one?

Source: AngularJS



from Angular Questions https://angularquestions.com/2017/10/14/display-a-customized-confirm-box-in-angularjs-when-user-leaves-a-page/
via @lzomedia #developer #freelance #web #lzomedia.com

Comments

Post a Comment

Popular posts from this blog

ng-show doesn’t work correct with value boolean

I have one issue like that: <input type="text" ng-model="keyword" ng-change="filterItemByName()"> <ul class="suggestion-list dropdown-menu" ng-show="isSearching"> <li ng-repeat="item in list"> <span ng-click="handleAction(item);"></span> </li> </ul> And here is the js: $scope.isSearching = false; $scope.filterItemByName = function(){ //handle for searh item $scope.isSearching = true; }; $scope.handleAction = function(item) { console.log(item); $scope.isSearching = false; }; The problem in here is, when input the keywork, my app will call an request to get the list (suggestions), but when i click on the item in the list, nothing happend, it doesn’t log anything, it didn’t call handleAction as is. I just found the problem related about the $scope.isSearching, when we show like above, the ng-click doesn’t trigger. But if i do : <ul class=...
Read more

Using PHP and MySQL data to generate PDF letters like in MS Word mailmerge functionality - development

Using PHP and MySQL data to generate PDF letters like in MS Word mailmerge functionality I would really like to know if there is a way like MS Word mailmerge functionality that can be done using PHP and Mysql data. Like i have address data in MySQL (suppose 10 numbers) and through PHP i want to insert that address data in a pre-defined letter head area. And it will automatically generate 10 different letters with same content but different address in PDF. Can it be done? Any start up point will be helpful. As I am working on Laravel so any snippet of that sort will also be useful. Thanks in advance. from Laravel Questions and Answers https://laravelquestions.com/php/using-php-and-mysql-data-to-generate-pdf-letters-like-in-ms-word-mailmerge-functionality/ via Lzo Media
Read more

ng-include of inline SVG does not display gradient except in Chrome

I have setup an NG-INCLUDE which loads an SVG file that has classes “hover_color_change” so that the correct polygons can have their fill attribute updated: <div class="prod-illustration-div col s12 m8"> <div class="prod-svg-wrapper" ng-include="'/img/illustrations/illustration_' + productIdObj.illustration + '.svg'" onload="defaultFill(productIdObj.colors)"> </div> </div> I then have color swatches which trigger the $scope.hoverColorText() which calls the updateSVGFill() method to display the SVG fill matching the hover color and creates a shading of gradient so it’s not a solid color. Here is live link – WORKS IN CHROME In Chrome it works, however, in Safari, FF, Edge, it does not. I referenced this suggested answer which suggests referencing the ID attribute, which I believe I am already doing: $scope.defaultFill = function (colors) { if (colors) { var defaultCol...
Read more