角：检查值NG-模糊

Question

我试图建立一个角的形式，但我是新与它，所以我需要一些帮助:)

我有一个字段“电子邮件”这应该是在用户离开该字段时进行检查。我的控制器中的一个函数应该检查输入值是否已经存在于数据库中（ajax/http）。

我发现'ng-blur'函数，并在我的控制器中创建了一个函数来检查电子邮件。但是，$ scope.user.email是未定义的，我不知道我做错了什么。有人能帮助我吗？

这是到目前为止我的代码：

HTML（玉）

p.claim-text Email 
abbr.required.claim-text(title='required') * 
input#billing_email.input-text.form-control.claim-input(type='email', placeholder='Email', value='', name='email', ng-model='user.email', ng-blur='checkEmail()' required) 
p(ng-show="registerForm.email.$invalid && !registerForm.email.$pristine").help-block Invalid emailadres 
p(ng-show="emailExists").help-block User exists! Click here to login 

控制器功能

$scope.checkEmail = function(){ 
     console.log($scope.user.email); 
     $http({ 
      method: 'GET', 
      url: '[someurl]', 
      data: $scope.user.email, 
     }).then(function successCallback(response){ 
      //if response is true, set emailExists to true; 
     }, function errorCallback(response){ 

     }); 

    } 

Answer 1

您可以通过电子邮件checkEmail功能

input#billing_email.input-text.form-control.claim-input(type='email', placeholder='Email', value='', name='email', ng-model='user.email', ng-blur='checkEmail()' required) 

然后在控制奥勒你只需要从参数获得的电子邮件

$scope.checkEmail = function(){ 
     console.log($scope.user.email); 
     $http({ 
      method: 'GET', 
      url: '[someurl]', 
      data: $scope.user.email, 
     }).then(function successCallback(response){ 
      //if response is true, set emailExists to true; 
     }, function errorCallback(response){ 

     }); 

    } 

Answer 2

请试试这个剪断

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

 
myApp.controller('GreetingController', ['$scope','$http', function($scope, $http) { 
 
    //You can check POST at server side to get the entered email 
 
    $scope.checkEmail = function(email){ 
 
    //REMOVE THIS LINE 
 
    console.log(email);return false; 
 
     $http({ 
 
      method: 'POST', 
 
      url: '[someurl]', 
 
      data: email, 
 
     }).then(function successCallback(response){ 
 
      //if response is true, set emailExists to true; 
 
     }, function errorCallback(response){ 
 

 
     }); 
 

 
    } 
 
}]);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script> 
 

 
<!--HTML --> 
 
<div ng-app="myApp" ng-controller="GreetingController"> 
 
<input type="text" ng-blur="checkEmail(email)" ng-model="email"/> 
 
</div>

OR 
<!--JADE --> 
input#billing_email.input-text.form-control.claim-input(type='email', placeholder='Email', name='email', ng-model='user.email', ng-blur='checkEmail(user.email)' ng-init="user.email=''" required)