Автоматическая перезагрузка страницы после запроса POST с использованием AngularJS

Question

Я пытаюсь отправить некоторую информацию в базу данных, и мое требование - перезагрузить страницу, отправив этот запрос. Я не могу перезагрузить страницу. Я хотел бы перезагрузить страницу автоматически, отправив запрос. Не могли бы вы помочь мне в этом. Я использовал $ location, а также $ window, но ни один из них не перенаправляет. Не могли бы вы указать, где я ошибаюсь?

$scope.Addbooks = function () {
        var Book = {};
        Book.BookID = $scope.BookID;
        Book.Book_Name = $scope.Book_Name;
        Book.Book_Author = $scope.Book_Author;
        Book.ISBN = $scope.ISBN;
        $http({
            url: "https://localhost:44397/api/BookStore/AddBook",
            dataType: 'json',
            method: 'POST',
            data: Book,
            headers: {
                "Content-Type": "application/json"
            }
        }).success(function (response) {
            $scope.msg = "Book has been successfully added";
            //$location.path('/Mybookstore');
            $window.location.href = '/Mybookstore';
            $route.reload();
            
        })
            .error(function (error) {
                alert(error);
            });

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<table class="table-responsive" width="100%" border="1" style="text-align: center">
        <tr>
            <td>Book ID</td>
            <td>Book Name</td>
            <td>Author</td>
            <td>ISBN</td>
        </tr>
        <tbody dir-paginate="m in getbooks | itemsPerPage:5">
            <tr>
                <td>
                    {{m.BookID}}
                    @*<span ng-hide="Addemployee">{{m.BookID}}</span>
                        <input type="text" ng-model="m.BookID" ng-show="Addemployee" />*@
                </td>
                <td>
                    {{m.Book_Name}}
                    @*<span ng-hide="Addemployee">{{m.Book_Name}}</span>
                        <input type="text" ng-model="m.Book_Name" ng-show="Addemployee" />*@
                </td>
                <td>
                    {{m.Book_Author}}
                    @*<span ng-hide="Addemployee">{{m.Book_Author}}</span>
                        <input type="text" ng-model="m.Book_Author" ng-show="Addemployee" />*@
                </td>
                <td>
                    {{m.ISBN}}
                    @*<span ng-hide="Addemployee">{{m.ISBN}}</span>
                        <input type="text" ng-model="m.ISBN" ng-show="Addemployee" />*@
                </td>
            </tr>
        </tbody>
        <tfoot ng-init="Addemployee = false" ng-show="Addemployee">
            <tr>
                <td><input type="text" ng-model="BookID" /></td>
                <td><input type="text" ng-model="Book_Name" /></td>
                <td><input type="text" ng-model="Book_Author" /></td>
                <td><input type="text" ng-model="ISBN" /></td>
                <td><input type="button" ng-click="Addbooks()" value="Add" /></td>
            </tr>
        </tfoot>
    </table>