2013-09-16 4 views
0

Я пытаюсь отправить свою форму с помощью http post, но когда я заполню форму и нажмите кнопку continue, ничего не произойдет. HTTP-сообщение даже не запускается на вкладке «Сети» Chrome. Есть идеи? Мой код ниже:AngularJS HTTP POST не срабатывает вообще

мой угловой регулятор:

$routeProvider.when('/member-reg',{ 
    templateUrl: 'index.php/routers/member_reg', 
    controller: 'registerAsMember' 
    }); 
app.factory("memberRegistrationService", function($http, $location) { 
    return { 
    register: function(member_info) { 
     return $http({ 
      method: 'POST', 
      url: 'index.php/home/member_reg', 
      data: { member_info: member_info } 
     }); 
    } 
    } 
}); 

app.controller('registerAsMember', function($http, $location, $scope, memberRegistrationService) { 
     $scope.member_info = { username: "", password: "", 
          firstname: "", lastname: "", email: "" }; 
     $scope.member_reg_submit = function() { 
     memberRegistrationService.register($scope.member_info).success(function(data) { 
      if(data.success == true) { 
      model('hello world'); 
      } 
     }).error(function(data) { 
      alert('error'); 
     }); 
     } 
}); 

Мое мнение:

<div class="alert alert-block"> 
    <button type="button" class="close" data-dismiss="alert">&times;</button> 
    <h4>Register as a Member ...</h4> 
    Fill out the form below and press continue when finished. 
</div> 
<form ng-submit="member_reg_submit"> 
    <label>Key in your desired username below:</label> 
    <input autofocus ng-model="memberinfo.username" style="width: 200pt" type="text" placeholder="Username..." required><br> 
    <label>Key in your desired password:</label> 
    <input ng-model="memberinfo.password" style="width: 200pt" type="password" placeholder="Password..." required><br> 
    <label>Enter your firstname:</label> 
    <input ng-model="memberinfo.firstname" style="width: 200pt" type="text" placeholder="Firstname..." required><br> 
    <label>Type in your lastname below:</label> 
    <input ng-model="memberinfo.lastname" style="width: 200pt" type="text" placeholder="Lastname..." required><br> 
    <label>Your email address:</label> 
    <input ng-model="memberinfo.email" style="width: 200pt" type="text" placeholder="Email..." required><br> 
    <button type="submit" class="btn">Continue</button><br><br> 
</form> 
+4

'нг подать = "member_reg_submit"' должен быть 'нг подать = "member_reg_submit()"' – AlwaysALearner

+0

Большое спасибо. Я смотрел на этот атрибут, как на час, пытаясь понять, что я пропустил. –

ответ

1

Добавить нг-клик = "member_reg_submit()" в Продолжите

Удалить нг подать = "member_reg_submit" от

Обновленный Код:

<form> 
<label>Key in your desired username below:</label> 
<input autofocus ng-model="memberinfo.username" style="width: 200pt" type="text" placeholder="Username..." required><br> 
<label>Key in your desired password:</label> 
<input ng-model="memberinfo.password" style="width: 200pt" type="password" placeholder="Password..." required><br> 
<label>Enter your firstname:</label> 
<input ng-model="memberinfo.firstname" style="width: 200pt" type="text" placeholder="Firstname..." required><br> 
<label>Type in your lastname below:</label> 
<input ng-model="memberinfo.lastname" style="width: 200pt" type="text" placeholder="Lastname..." required><br> 
<label>Your email address:</label> 
<input ng-model="memberinfo.email" style="width: 200pt" type="text" placeholder="Email..." required><br> 
<button type="submit" class="btn" ng-click="member_reg_submit()" >Continue</button><br><br> 

+0

Большое спасибо. Это чуть не убило меня lol –

Смежные вопросы