angular-ui-modal

I want to temporarily change the browser url when the ui bootstrap modal is opened ( The page behind should remain as is, only the url changes ). When the modal is closed the url should be reverted back to the original one. Steps : User loads the page url : xyz.com/home User clicks a link opens a modal url : xyz.com/detail/123 possible solution : changing url with html5 push state problem : Angular ui-router tries to run its routes as per the changed url, eventually changing the background page. User closes the modal url : xyz.com/home possible solution : html5 pop state problem : Reloads the

I'm opening a modal window using $uibModal.open from another controller, and need to be notified when the modal window was closed completely (and not during closing...) so I'll be able to run a function. The code that opens the modal is as follows: var modalInstance = $uibModal.open({ templateUrl: "myModalContent.html", controller: "termModalCtrl", windowClass: 'app-modal-window', resolve: { 'params': function () { return id } } }); I saw some suggested solutions to use: modalInstance.result.then(function(result) { }); The problem is that the function callback is called prior to the actual

This is a bit strange. When I search this issue online I see many pages of Google results and SO solutions... but none seem to work! In a nutshell, I am trying to implement AngularUI Bootstrap Modal. I keep getting the following error: Error: [$injector:unpr] Unknown provider: $uibModalInstanceProvider <- $uibModalInstance <- addEntryCtrl Here is my HTML: <nav class="navbar navbar-default"> <div class="container"> <span class="nav-col" ng-controller="navCtrl" style="text-align:right"> <a class="btn pill" ng-click="open()" aria-hidden="true">Add New</a> </span> </div> </nav> Here is my

I have these two views: 1) foo.html <p>Hello {{name}}</p> 2) foo-as-modal.html <div class="modal-header"> <h3 class="modal-title">I'm a modal</h3> </div> <div class="modal-body"> <ng-include src="'foo.html'"></ng-include> </div> <div class="modal-footer"> <button class="btn btn-default" ng-click="cancel()">Close</button> </div> The controller for foo.html is fooController : angular.module('myApp').controller('fooController', ['$scope','$uibModalInstance', function($scope,$uibModalInstance) { $scope.name = "John" $scope.cancel = function () { $uibModalInstance.dismiss('cancel'); }; }]); I need