Блог

У меня есть форма с кнопкой сохранения. При нажатии кнопки сохранения вызывается функция сохранения, и все данные формы сохраняются и перемещаются на другую страницу. Затем, когда я перехожу на предыдущую страницу, кнопка tab перестает работать. Единственный способ заставить кнопку tab работать — обновить страницу.

Я пытался указать tabindex, но все еще сталкивался с той же проблемой.

Вот мой код:

 <div id="customeruser" ng-show="custom_user">
<form name="userForm">
    <ul class="collapsible" data-collapsible="accordion">
        <li>
            <div class="collapsible-header active left">
                <i class="material-icons tclose">add</i>
                <i class="material-icons topen">remove</i>
                Personal Information
            </div>
            <div class="collapsible-body">
                <div class="row">
                    <div>
                        <input id="first_name" type="text" class="validate" ng-model="user.first_name">
                        <label for="first_name">First Name</label>
                    </div>
                    <div>
                        <input class="passhints" name="password" ng-model="user.password" id="password"
                            type="password" autocomplete="new-password">
                        <label for="password" data-error="wrong" data-success="right">Password*</label>
                    </div>
                </div>
            </div>
        </li>
        <li>
            <div class="collapsible-header left">
                <i class="material-icons tclose">add</i>
                <i class="material-icons topen">remove</i>
                Other information
            </div>
            <div>
                <input id="last_name" type="text" class="validate" ng-model="user.last_name">
                <label for="first_name">Last Name</label>
            </div>
        </li>
    </ul>
    <div class="left" ng-show="custom_user">
        <button type="submit" id="savechanges" ng-click="saveUser()">Create</button>
    </div>
</form>
 

Controller.js

     $scope.saveUser = function () {
    Restangular.all("users/createuser/").post($scope.user).then(
        function (user_status) {
            $scope.user.id = user_status
            if (user_status > 0) {
                swal({
                    title: "Success!",
                    text: "User was successfully created!",
                    type: "success",
                    confirmButtonText: "OK"
                },
                    function (isConfirm) {
                        if (isConfirm) {
                            $state.go('manage');
                        }
                    });
            }
        },
    )
}