AngularJS ng-model binding input type = email元素

我有一個奇怪的問題。電子郵件輸入值未被記錄，但會記錄密碼值。任何想法的傢伙？AngularJS ng-model binding input type = email元素

<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>

我的角碼如下。

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

app.controller('loginCtrl', function($scope, $http){ 
    $scope.user = {}; 
    $scope.verifyCredentials = function(){ 
     console.log($scope.user); 
    } 
});

來源

2017-07-16 Ela Buwa

無論你的''領域有'name'屬性，這是需要POST數據。 –

我試圖讓他們通過角度。密碼值顯示在控制檯日誌中。但電子郵件沒有顯示 –

你可以分享一個闖入者嗎？ –

電子郵件將只顯示當它是一個合法的電子郵件地址：

<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>

來源

2017-07-16 23:19:49 georgeawg

冬青shizzle。你是對的。你值得10多。 –

AngularJS ng-model binding input type = email元素

回答

相關問題