关闭bootstrap模式时，使用AngularJs重定向到某个页面

Question

我正在使用bootstrap模式。

<div class="modal fade" id="myModal" role="dialog">
        <div class="modal-dialog">

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal">&times;</button>
                    <h4 class="modal-title">Login History</h4>
                </div>
                <div class="modal-body">
                    <fieldset class="scheduler-border">
                        <legend class="scheduler-border" style="color: #4682B4">Message</legend>
                        <div>
                            Total Unsuccessful login attempts : 0
                            <br>
                            <br>
                            Last Successful login attempt : <br />
                            Datetime :  27-7-2015 10:25:52<br />
                            Access IP Address ::1<br />
                            User Name : {{UserName}}<br />
                            <br>
                            Last Unsuccessful login attempt : <br />
                            NONE
                        </div>
                    </fieldset>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>

点击登录按钮后，我使用Jquery打开模态。

现在一旦模态隐藏（通过单击关闭按钮或单击外部模态）我需要重定向到其他页面

我该怎么做。

以下是我的代码。

JITManagementApp.controller('AuthenticationController',
function AuthenticationController($scope, $location) {
    $scope.UserName = "amit";

    $scope.Login = function() {
        $('#myModal').modal('show');
        $('#myModal').on('hidden.bs.modal', function () {
            $location.path("/manageSite");
        })
    }

}）;

要重定向的代码是

 $location.path("/manageSite");

但是它仍然没有重定向到manageSite？