我的表单持有数据，即使我没有点击提交按钮.但如果我在刷新我的表单，那就没问题了

my form is holding data even when i am not clicking submit button.but if i am refreshing my form it fine

本文关键字：我的 表单 刷新 如果 没问题 数据 提交 按钮      更新时间：2023-09-26

这是我的表单

<form name="userForm" data-ng-submit="updateUserProfile(userForm.$valid)" class="signin form-horizontal" validate-form="" autocomplete="off">
    <fieldset>
        <div class="form-group">
            <label for="firstName">First Name</label>
            <input type="text" id="firstName" required name="firstName" maxlength="25" class="form-control" data-ng-model="user.firstName" placeholder="First Name">
        </div>
        <div class="form-group">
            <label for="lastName">Last Name</label>
            <input type="text" id="lastName" required name="lastName" maxlength="25" class="form-control" data-ng-model="user.lastName" placeholder="Last Name">
        </div>
        <div class="form-group">
            <label for="email">Email</label>
            <input type="email" id="email" required name="email" maxlength="150" class="form-control" data-ng-model="user.email" placeholder="Email">
        </div>
        <div class="form-group">
            <label for="username">Username</label>
            <input type="text" id="username" required name="username" maxlength="25" class="form-control" data-ng-model="user.username" placeholder="Username">
        </div>
        <div class="text-center form-group mt">
            <button type="submit" class="btn btn-large btn-primary">Save Profile</button>
        </div>
        <div data-ng-show="success" class="text-center text-success">
            <strong>Profile Saved Successfully</strong>
        </div>
        <div data-ng-show="error" class="text-center text-danger">
            <strong data-ng-bind="error"></strong>
        </div>
    </fieldset>
</form>

现在，当我点击编辑配置文件在我的ui和假设编辑我的名字，但不提交它和导航到应用程序的其他部分。但当我回来编辑配置文件它显示编辑的版本。不是原来的

这是我的控制器功能。

$scope.updateUserProfile = function(isValid) {          
    if (isValid) {
        $scope.success = $scope.error = null;
        var user = new Users($scope.user);
        user.$update(function(response) {
            $scope.success = true;
            Authentication.user = response;
        }, function(response) {
            $scope.error = response.data.message;
        });
    } else {
        $scope.submitted = false;
    }
};

请尽快帮我，我必须完成它

发生这种情况是因为属性尚未实例化。你可以在这个特定页面加载时在控制器内的java脚本中设置这些值像这样

user.firstName="";
user.lastName=""
user.email=""
user.username=""
相关文章：