양식에서 컨트롤러로 데이터를 다시 가져 오는 중

Question

이 양식을 가지고 있습니다. 나는 텍스트 필드를 변경하면, 여기

<div> 
    {{authform.email}}{{authform.password}} 
</div> 

을 변경 사항을 표시하지만 나는 버튼을 ng-click="signup()"하여 양식을 제출하려고 할 때, 그것은 나에게 텍스트 필드의 값을 전송하지 않습니다. 아래 내 코드 여기

<div class="col-md-12" ng-controller="authCtrl"> 


     <div class="row"> 
      <div class="col-md-14"> 
       <div class="jumbotron"> 

        <form> 
         <div class="createUserDiv"><input type="text" name="email" placeholder="enter your email address" ng-model="authform.email"/></div> 
         <div class="createUserDiv"><input type="text" name="password" placeholder="enter your password" ng-model="authform.password"/></div> 
         <div class="createUserDiv"><input type="text" name="confirmpassword" placeholder="confirm your password" ng-model="authform.confirmpassword"/></div> 

         <p><a class="btn btn-lg btn-success" ng-click="signup()">Splendid!<span 
           class="glyphicon glyphicon-ok"></span></a></p> 
        </form> 
        <div> 
         {{authform.email}} {{authform.password}} 
        </div> 
       </div> 

      </div> 
     </div> 

</div> 

입니다 내 JS

angular.module('myAPP') 
    .controller('authCtrl', function ($scope, $http, $location) { 


     $scope.signup = function() { 

      $scope.authform = {}; 
      $scope.authform.email = ""; 
      $scope.authform.password = ""; 
      $scope.authform.confirmpassword = ""; 

      var data = { 
       "dataBlob": { 
        "email": $scope.authform.email, 
        "password": $scope.authform.confirmpassword 

       } 
      }; 

     console.log($scope.authform.email); 
    }); 

내 console.log은 빈 ... 널 .... 내가 왜 데이터 필드를 바인딩되지 확실하지 않다 다가오고 . 나는 아직 각도가 너무 새롭기 때문에 나는 아직도 이런 것들을 알아 내려하고있다.

Answer 1

스탯이 같은 컨트롤러 :

angular.module('myAPP') 
.controller('authCtrl', function ($scope, $http, $location) { 
    $scope.authForm = {}; 

그런 다음이 작업을 수행하는 사용자의 가입 방법을 변경 :

$scope.signup = function() { 
    console.log($scope.authForm); 
} 

귀하의 값이 이미 구속되지만, 당신이 전화했을 때 $ scope.authForm = {} ; 가입 과정에서 모든 가치관을 덮어 씁니다. 대신 또한

당신의 버튼 = "가입을()에"NG 클릭, 이렇게 : 당신은 검증을 구현하고 [입력] 키를 누를에 제출 할 수

<form ng-submit="signup()"> 

때 입력에서 사용자 예를 들어 필드

는 여전히 fiddle