2017-07-16 6 views
0

私は厄介な問題があります。 電子メール入力値は記録されませんが、パスワード値はログに記録されます。 アイデアみんな?入力タイプ=電子メール要素でAngularJS ng-modelバインディングの問題

<div class="container" ng-controller="loginCtrl"> 
    <div class="row" style="height: 50px;">&nbsp;</div> 
    <div class="row"> 

     <div class="col-xs-4 col-xs-offset-4" > 

      <div class="form-group"> 
       <label for="emailinput">Email address</label> 
       <input type="email" class="form-control" id="emailinput" 
         ng-model="user.email" 
         placeholder="Enter Email Address"> 
      </div> 
      <div class="form-group"> 
       <label for="passwordinput">Password</label> 
       <input type="password" class="form-control" id="passwordinput" 
         ng-model="user.pass" 
         placeholder="Enter Password"> 
      </div> 
      <div class="form-group"> 
       <button class="btn btn-primary ladda-button" 
         ng-click="verifyCredentials()" 
         data-style="expand-left"> 
        <span class="ladda-label">Login</span> 
       </button> 
      </div> 
      <div class="form-group"> 
       <label for="passwordinput"> 
        <a href="forgotpassword.html">Forgot Password?</a> 
       </label> 
      </div> 

     </div> 
    </div> 
</div> 

私の角度コードは以下の通りです。に必要とされる `name`の属性を持っているどちらも、あなたの` `フィールドの

<script src="//unpkg.com/angular/angular.js"></script> 
 
<div ng-app ng-init="user={}"> 
 
    <div class="form-group"> 
 
     <label for="emailinput">Email address</label> 
 
     <input type="email" class="form-control" id="emailinput" 
 
       ng-model="user.email" 
 
       placeholder="Enter Email Address"> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="passwordinput">Password</label> 
 
     <input type="password" class="form-control" id="passwordinput" 
 
       ng-model="user.pass" 
 
       placeholder="Enter Password"> 
 
    </div> 
 
    <div class="form-group"> 
 
     <button class="btn btn-primary ladda-button" 
 
       ng-click="verifyCredentials()" 
 
       data-style="expand-left"> 
 
      <span class="ladda-label">Login</span> 
 
     </button> 
 
    </div> 
 
    <div class="form-group"> 
 
     <label for="passwordinput"> 
 
      <a href="forgotpassword.html">Forgot Password?</a> 
 
     </label> 
 
    </div> 
 

 
    {{user | json}} 
 
</div>

+0

:それは法的なメールアドレスであるとき

var app = angular.module('bookie',[]); app.controller('loginCtrl', function($scope, $http){ $scope.user = {}; $scope.verifyCredentials = function(){ console.log($scope.user); } }); 

+0

私はそれらを角度から取り出そうとしています。パスワード値はコンソールログに表示されます。しかし、電子メールは表示されません –

+0

あなたはプランナーを共有することはできますか? –

答えて

1

は、電子メールのみが表示されます「POST」データ。
+0

ホーリーシズル。あなたは正しいです。あなたは10以上の価値があります。 –

関連する問題