コントローラからng-modelにアクセスできない[AngularJS]

Question

私は、学習目的で電子商取引サイトを開発しています。

HTML：

<div class="container"> 
    <form class="log-in-form" ng-controller="ControllerLogin"> 
     <div class="form-group"> 
      <label for="loginEmail">Email address</label> 
      <input type="email" class="form-control" id="loginEmail" placeholder="Email" ng-model="email"> 
     </div> 
     <div class="form-group"> 
      <label for="loginPass">Password</label> 
      <input type="password" class="form-control" id="loginPass" placeholder="Password" ng-model="password"> 
     </div> 
     <button class="btn btn-default" ng-click="authenticate()">Login</button> 
    </form> 
</div> 

角度のjavascript

app.controller('ControllerLogin', ['$scope', '$http', 'ServiceLogin', function ($scope, $http, ServiceLogin) { 
     $scope.authenticate = function() { 
      console.log($scope.email); 
      ServiceLogin.auth($scope.email, $scope.password) 
         .success(function (data) { 
          alert(data); 
         }); 
     } 
}]); 

私は$のscope.email、またはパスワードをCONSOLE.LOGたびに。それは未定義のエラーを投げます。私はちょうど角度を開始していると私はなぜモデルを取得していないか分からない、私は自分のコードが正しいと思う。あなたが与えることができるどんな助けでも私は感謝しています。ブラウザのネイティブフォームの検証を無効にするために使用されNOVALIDATE

注：アンギュラサイトから

Answer 1

。

ngModelの値は、入力フィールドの検証をパスしないかぎり設定されません。たとえば、電子メールタイプの入力には、user @ domainという形式の値が必要です。

参考：https://docs.angularjs.org/guide/forms

だから、それは空白のかもしれ理由は、それが有効なメールではないということです。

デモでメールの種類を確認し、実際に使用することができます。

私が追加することをお勧めします：コントローラのHTMLスコープ内のあなたのHTML内のどこかに

{{email}} 
<br> 
{{password}} 

を独自のデバッグ用。

幸運。