Question

我正在尝试对表单进行更新，并且一切正常，但是在更新完成后模式没有正确关闭。我的意思是模态确实消失了，但是屏幕仍然是黑暗的，就像模态仍在那里而我无法点击其他任何东西。如何让页面刷新并正确关闭模式？

我的代码如下所示：

 $scope.updateStudentParticulars = function(item) {
            var currentDate = $filter('date')(new Date(), 'dd/MM/yyyy'); //for lastchangepassword field
            $scope.EditStudentForm = false;

            //alert(item.User_Key + " USER KEY")

            const rootRef = firebase.database().ref();

            //zoom in to users table
            const ref = rootRef.child('Users');

            ref.child(item.User_Key).update({
                name: item.Student_Name,
                email: item.Student_Email,
                role: "student",
                accountStatus: "Activated",
                yearJoined: item.Year_Joined,
                password: item.Password,
                passwordChangedDate: currentDate,
                gpa: 0.00,
                profile: {
                    address: item.Address,
                    citizenship: item.Citizenship,
                    gender: item.Gender,
                    nok: item.Nok,
                    nokPhone: item.Nok_Phone,
                    phone: item.Phone
                }

            });
            alert("Update Successful !")
            $route.reload();

        }

模态代码在html文件中声明：

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

            <!-- Modal content-->
            <div class="modal-content">
                <div class="modal-header">
                    <h4 class="modal-title">Edit Student Particulars</h4>
                </div>
                <div class="modal-body">
                    <div ng-include src="'templates/editStudentForm.html'"></div>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
                </div>
            </div>

        </div>
    </div>

Answer 1

看起来你正在使用bootstrap模态。一旦你包含了bootstrap JS代码，你可以调用：

$('#editModal').modal('hide');

请参阅http://getbootstrap.com/javascript/

在angularjs中提交后无法关闭模态

1 个答案: