2017-11-24 9 views
0

私はangularjsで最初のコントローラを作成していますが、register関数を呼び出すようには思えません。console.logメッセージは何も出力されていないためです。ボタンをsubmitと入力し、フォームに私はng-submit="vm.register()"を呼び出しています。しかし、コンソールにもエラーメッセージはありません?サインアップanglejsコントローラは何も返さない

HTML

<div class="col-md-5" ng-app="KryptoApp" ng-controller="RegisterController"> 
    <form id="sign_up" ng-submit="vm.register()" novalidate> 
     <div class="box_form"> 
      <div class="form-group"> 
       <label>Email</label> 
       <input type="email" class="form-control" ng-model="vm.email" placeholder="Din email"> 
      </div> 
      <div class="form-group"> 
       <label>Brugernavn</label> 
       <input type="text" class="form-control" ng-model="vm.username" placeholder="Dit brugernavn"> 
      </div> 
      <div class="form-group"> 
       <label>Adgangskode</label> 
       <input type="password" class="form-control" ng-model="vm.password1" placeholder="Din adgangskode"> 
      </div> 
      <div class="form-group"> 
       <label>Adgangskode bekræftelse</label> 
       <input type="password" class="form-control" ng-model="vm.password2" placeholder="Bekræft din adgangskode"> 
      </div> 
      <div class="checkbox-holder text-left"> 
       <div class="checkbox_2"> 
        <input type="checkbox" value="accept" id="check_2" name="check"> 
        <label for="check_2"> 
         <span>I Agree to the 
          <strong>Terms &amp; Conditions</strong> 
         </span> 
        </label> 
       </div> 
      </div> 
      <div class="form-group text-center add_top_30"> 
       <button class="btn_1" id="sign_up_btn" type="submit">Opret</button> 
      </div> 
     </div> 
    </form> 
</div> 

コントローラ

(function() { 
    'use strict'; 

    angular 
     .module('KryptoApp') 
     .controller('RegisterController', RegisterController); 

    RegisterController.$inject = ['$location', '$scope', 'Authentication']; 


    function RegisterController($location, $scope, Authentication) { 
     var vm = this; 

     vm.register = register; 


     function register() { 
     Authentication.register(vm.email, vm.password1, vm.password2, vm.username); 
     console.log('test'); 
     } 
    } 
    })(); 
あなたが使用する必要が

答えて

2

controller as構文

div class="col-md-5" ng-app="KryptoApp" ng-controller="RegisterController as vm"> 
関連する問題