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

回答

相关问题