Невозможно отправить форму при наличии формы входа

0

У меня есть следующий код, и я не могу вызвать - ng-submit или ng-click, кроме локальной функции onclick при входе в систему. Пожалуйста, дайте мне покоситься, если вы знаете хорошее решение или можете определить проблему:

<form ng-submit = "login.submitLoginForm(login.user)" novalidate>
                <p>
                    <input class="username-email" type="email" name="username" value="" placeholder="Your Email"
                    ng-model="login.user.userName">
                </p>
                <p>
                    <input class="password" type="password" name="password" value="" placeholder="Password"
                    ng-model="login.user.pwd">
                </p>
               
                <div class="checkbox">
                    <label>
                        <input type="checkbox" value="">Remember me</label>
                </div>
                
                <p> 
                    <button class="login" type="submit" name="Login" value="Login">Login</button>
                </p>
            </form>

 vm.submitLoginForm = submitLoginForm;

        function submitLoginForm(user) {
            // submitLoginForm...
            console.log("UserName..form.." + user.UserName + 'pwd..' + user.pwd);

            if(user.userName != '' || user.userName != 'undefined'){
                vm.user.userName = user.userName;
                console.log("UserName..form.." + user.userName + vm.user.userName);
                ServiceFactory.setUserName(vm.user.userName);
            }
            if(user.pwd != '' || user.pwd != 'undefined'){
                vm.user.pwd = user.pwd;
                console.log("UserName..pwd.." + user.pwd + vm.user.pwd);
                ServiceFactory.setPwd(vm.user.pwd);
            }

            initialize();
            
        };
  • 0
    Попробуйте подключить LoginCtrlr с ng-controller на уровне пользовательского интерфейса.
  • 0
    У меня уже есть это в - route - config. $ Inject = ['$ routeProvider', '$ locationProvider', '$ httpProvider']; функция config ($ routeProvider, $ locationProvider, $ httpProvider) {$ routeProvider .when ('/', {controller: 'LoginCtrlr', templateUrl: 'views / login.html', controllerAs: 'login'})) .otherwise ({ redirectTo: '/'});
Показать ещё 2 комментария
Теги:
forms
angularjs-ng-click

1 ответ

0
Лучший ответ

'use strict';

angular
  .module('app', [])
  .controller('LoginCtrlr', LoginCtrlr);

function LoginCtrlr() {
  var vm = this;
  vm.user = {
    userName: '',
    pwd: ''
  };
  

  vm.submitLoginForm = function submitLoginForm(user) {
    // submitLoginForm...
    console.log("UserName..form.." + user.userName + ' vm userName: ' + vm.userName);
    if (user.userName != '' || user.userName != 'undefined') {
      vm.userName = user.userName;
      console.log("UserName..form.." + user.userName + ' vm. userName: ' + vm.userName);
    }
  }
}
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

<div ng-app="app">
  <section class="container" ng-controller="LoginCtrlr as login">
    <div>
      <p class="or">Or</p>
      <p class="login">your email</p>
      <form novalidate>
        <p>
          <input class="username-email" type="email" name="username" value="" placeholder="Your Email" ng-model="login.user.userName">
        </p>
        <p>
          <input class="password" type="password" name="password" value="" placeholder="Password" ng-model="login.user.pwd">
        </p>

        <div class="checkbox">
          <label>
            <input type="checkbox" value="">Remember me</label>
        </div>

        <p>
          <button class="login" type="submit" name="Login" value="Login" ng-click="login.submitLoginForm(login.user)">Login</button>
        </p>
        <div>{{ login.message }}</div>
      </form>
    </div>

    <p class="note-text-center-xs">By continuing, you accept the terms of Use and Privacy Policy</p>

    <div class="login-help-center-xs">
      <p><a href="#">Forgot your password?</a>
      </p>
    </div>

    <p class="no-account" onclick="#">You Don't have an account yet? Sign up</p>
    </a>
  </section>
</div>

Я пытаюсь создать полный код. модуль зависимостей удаляется, поскольку не все могут получить доступ через код.

Что я меняю:

  • определить новое использование модуля "app" [] (квадратная скобка)

  • Вы должны вызвать контроллер, когда вы назначаете объект в модель, потому что вы определяете в нем весь метод и атрибут контроллера, а не используете $ scope. например:

    <input class="username-email" type="email" name="username" value="" placeholder="Your Email" ng-model="login.user.userName">

Поделиться
  • 0
    Это частично решило мою проблему. Я могу позвонить отправить сейчас. Но, это всегда говорит мне, что userName не определено. <p> <input class = "username-email" type = "email" name = "username" value = "" placeholder = "Ваш E-mail" ng-model = "login.user.userName"> </ p> <p > <input class = "password" type = "password" name = "password" value = "" placeholder = "Password" ng-model = "login.user.pwd"> </ p> и console.log ("UserName ..form .. "+ user.UserName + 'pwd ..' + user.pwd);
  • 0
    как ошибка сказала вам. Ваша переменная userName еще не определена. Если вы посмотрите на мой код, я изменю его на строковый текст. :)
Показать ещё 5 комментариев

Ещё вопросы

Сообщество Overcoder
Наверх
Меню