Блог

Я все еще учусь программировать на AngularJS. Я хочу получить значения из поля ввода, а затем нажать на кнопку, которую я хочу сохранить в базе данных. Моя таблица базы данных называется «user». У меня есть такие столбцы, как id, имя пользователя, пароль, name. У меня есть два флажка.Когда я нажимаю на первый флажок (Редактировать), он отображает «div myVar», когда я нажимаю на второй флажок (Добавить нового пользователя), он отображает «div myVar1». Я хочу активировать эту кнопку «Добавить», чтобы добавить значения полей ввода в базу данных MySQL. Пожалуйста, помогите мне.

У меня есть этот HTML-код:

 <label><input type="checkbox" ng-model="myVar">Edit</label>
<label><input type="checkbox" ng-model="myVar1">Add new user</label>
    <div ng-show="myVar">
    <div class="form">
    <form ng-submit="saveItem(userForm.$valid)" 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-control" required ng-model="activeItem.username" placeholder="Потребителско Име..." />
                </div>

                <div class="form-group">
                    <label for="password">Password</label>
                    <input type="text" class="form-control" required id="password" ng-model="activeItem.password"  />
                </div>
            </div>
            <div class="col-sm-6">
                <div class="form-group">
                    <label for="username">Operator</label>
                    <input type="text" class="form-control" required id="username" ng-model="activeItem.name" />
                </div>
            </div>

            </div>
            <button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Save</button>
            <!--<button class="btn btn-primary" ng-disabled="userForm.$invalid" type="submit">Добавяне на нов</button>-->
        </form><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>
  

И код Angular:

  $scope.createUser=function()
{
    //console.log($scope.activeItem);
        //delete $scope.activeItem.hash_method
        var objectToSave = {
            username: $scope.usernamee,
            password: $scope.passwordd,
            name: $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();
            });

        }


    }