How to reload the page in ui-router
<p>i have a delete button, for the confirmation from the user, i am using directive for modal. <br>
this is the directive code</p>

<pre><code>app.directive('modal', function() {
    return {
        template: '&lt;div class="modal fade"&gt;' + '&lt;div class="modal-dialog"&gt;' + '&lt;div class="modal-content"&gt;' + '&lt;div class="modal-header"&gt;' + '&lt;button type="button" class="close" data-dismiss="modal" aria-hidden="true" ng-click="close()"&gt;&amp;times;&lt;/button&gt;' + '&lt;h4 class="modal-title"&gt;{{ title }}&lt;/h4&gt;' + '&lt;/div&gt;' + '&lt;div class="modal-body" ng-transclude&gt;&lt;/div&gt;' + '&lt;/div&gt;' + '&lt;/div&gt;' + '&lt;/div&gt;',
        restrict: 'E',
        transclude: true,
        replace: true,
        scope: true,
        link: function postLink(scope, element, attrs) {
            scope.title = attrs.title;

            scope.$watch(attrs.visible, function(value) {
                if (value == true)
                    $(element).modal('show');
                else
                    $(element).modal('hide');
            });

            $(element).on('shown.bs.modal', function() {
                scope.$apply(function() {
                    scope.$parent[attrs.visible] = true;
                });
            });

            $(element).on('hidden.bs.modal', function() {
                scope.$apply(function() {
                    scope.$parent[attrs.visible] = false;
                });
            });
        }
    };
});
</code></pre>

<p>this is the controller code </p>

<pre><code> $scope.deletePlace = function(place) {

        if (place._id) {
            var url = '/api/places/' + place._id;
            $http.delete(url, {})
                .then(function(response) {
                    $scope.showModal = false;

                    $state.transitionTo('dashboard.places.list', null, { reload: true, inherit: true, notify: true }); 

                }, function(response) { // fail
                    $scope.errorMessage = true;
                });
        }
    }
</code></pre>

<p>after clicking ok button on delete modal, the modal will hide, but the black screen remains same and the buttons on page or not clickable, untill i refresh the page manually. Is there any way to remove the black screen after clicking ok button on confirmation modal. If i click the refresh manually, it will work. i don't want to refresh it manually. i want it to be refreshed automatically or from other way to hide the black screen.</p>