时间戳

首页 > 解决方案 > 如何使用angularJS从html表单中获取数据并保存在数据库中（带按钮）？

angularjs - 如何使用angularJS从html表单中获取数据并保存在数据库中（带按钮）？

问题描述

我想从输入框中获取数据并单击按钮将其保存在数据库中。我正在使用角度。如何从我的表单中获取这些数据？请帮我。我有这个 HTML 代码：

<form ng-submit="createUser(userForm.$valid)" name="userForm1">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label for="database_address">User</label>
                <input type="text" class="form-control1" ng-model="usernamee" placeholder="Потребителско Име..." />
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <input type="text" class="form-control1" ng-model="passwordd"required id="password"   />
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label for="username">Operator</label>
                <input type="text" class="form-control1" ng-model="namee" required id="username"  />
            </div>
        </div>
    </div>
    <button class="btn btn-primary" ng-click="createUser();" type="submit">Add user</button>
    <!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
</form>

和角代码：

$scope.createUser=function()
{
    //console.log($scope.activeItem);
        //delete $scope.activeItem.hash_method
        var objectToSave = {
            username: console.log($scope.usernamee),
            password: console.log($scope.passwordd),
            name: console.log($scope.namee),
            id: $scope.id
        };
         {
            defaultAdapter.query('INSERT INTO users(username,password,name,id) VALUES(username = :usernamee, password = :passwordd,name = :namee WHERE id =:id)',
              { replacements: objectToSave, type: Sequelize.QueryTypes.UPDATE }
            ).then(projects => {
              console.log(projects);
              $scope.editMode = false;
                $scope.activeItem = false;
                $scope.refresh();
            });

        }
}

标签： angularjs

解决方案

<form ng-submit="createUser(userForm)" name="userForm">
    <div class="row">
        <div class="col-sm-6">
            <div class="form-group">
                <label for="database_address">User</label>
                <input type="text" class="form-control1" ng-model="user.usernamee" placeholder="Потребителско Име..." />
            </div>

            <div class="form-group">
                <label for="password">Password</label>
                <input type="text" class="form-control1" ng-model="user.passwordd"required id="password"   />
            </div>
        </div>
        <div class="col-sm-6">
            <div class="form-group">
                <label for="username">Operator</label>
                <input type="text" class="form-control1" ng-model="user.namee" required id="username"  />
            </div>
        </div>
    </div>
    <button class="btn btn-primary" type="submit">Add user</button>
</form>

angularjs代码

$scope.user={}//declare user object
$scope.createUser=function(userForm)
{
    console.log($scope.user);
    //for saving data in database, you'll need an API along with the backend.
}

推荐阅读