невозможно передать имя пользователя и пароль контроллеру со страницы HTML в Angle JS

Question

У меня есть два поля username и password, которые я хочу получить в угловом контроллере js для проверки входа в систему.но в контроллере я не могу получить его после заполнения имени пользователя и пароля и отправки кнопки

     <form class="form-signin" action="" method="post">
                        <span id="reauth-email" class="reauth-email"></span>
                        <input type="text" ng-model="username" id="Username" name="Username" class="form-control" placeholder="Email address" required autofocus>
                        <input type="password" ng-model="password" id="password" name="password" class="form-control" placeholder="Password" required style="margin-top:10px">
                        <div id="remember" class="checkbox">
                            <label>
                                <input type="checkbox" value="remember-me"> Remember me
                            </label>
                        </div>
                        <input type="hidden" name="" value="" />
                        <input class="btn btn-lg btn-primary btn-block btn-signin"  type="button" value="{{btntext}}" ng-click="login()" >
                    </form>

angular js

var app = angular.module('homeapp', []);
app.controller('HomeController', function($scope, $http) {
  $scope.username = '';
  alert($scope.username);
  $scope.btntext="Login";
  $scope.login=function () {
  $http.get("/account/loginverify")
  .then(function(response) {
    $scope.myWelcome = response.data;
    if(response.data=="1"){
      window.location.href='home.html'
    } 
    else  {
      alert("Invalid username  or password...!!!")
    }
  });
}
});

Answer 1

Вам необходимо привязать ваш контроллер к шаблону HTML, используя директиву ngController.Смотрите следующий пример:

var app = angular.module('homeapp', []);

app.controller('HomeController', function($scope, $http) {
  $scope.username = '';
  $scope.btntext = "Login";
  $scope.login = function() {
    console.log($scope.username, $scope.password);
  
    //$http.get("/account/loginverify")
    //  .then(function(response) {
    //    $scope.myWelcome = response.data;
    //    if (response.data == "1") {
    //      window.location.href = 'home.html'
    //    } else {
    //      alert("Invalid username  or password...!!!")
    //    }
    //  });
  }
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/angular.js/1.7.5/angular.min.js"></script>
<form class="form-signin" action="" method="post" ng-app="homeapp" ng-controller="HomeController">
  <span id="reauth-email" class="reauth-email"></span>
  <input type="text" ng-model="username" id="Username" name="Username" class="form-control" placeholder="Email address" required autofocus>
  <input type="password" ng-model="password" id="password" name="password" class="form-control" placeholder="Password" required style="margin-top:10px">
  <div id="remember" class="checkbox">
    <label>
      <input type="checkbox" value="remember-me"> Remember me
    </label>
  </div>
  <input type="hidden" name="" value="" />
  <input class="btn btn-lg btn-primary btn-block btn-signin" type="button" value="{{btntext}}" ng-click="login()">
</form>