2016-10-25 5 views
0

クロムデバッガでコントローラに接続しないコントロールをクリックすると表示されます。私はビューとコントローラで簡単なコードを持っています。また、私は何の誤りもありません。どんな助けもありがとう。例でng-clickが機能しない

ビュー

<div class="logInBtn"> 
    <a data-ng-click="submitLoginDetails()"> 
    <button type="button" class="btn btn-primary">Log In</button> 
    </a> 
</div> 

コントローラ

app.controller('loginPageController',function($scope, $http, assimilationSurveyService){ 

    $scope.submitLoginDetails = function(){ 

     $scope.loginData = { 
      "password": "pass1234", 
      "userId": "userabc" 
     }; 

     assimilationSurveyService.sendLoginData($scope.loginData) 
      .success(function(data) { 
       alert("Hi!"); 
      }); 
    } 

}); 

ルータ

app.config(['$routeProvider',function($routeProvider){ 
    $routeProvider 

    .when('/loginPage', {title:'Feedback',templateUrl:'loginPage.html',controller:'loginPageController'}) 

    .otherwise({title:'Feedback', templateUrl:'loginPage.html'}); 
}]) 

サービス

app.service('assimilationSurveyService',function(){ 

    return{ 

      // For Getting expense list 
      sendLoginData: function(loginData) { 
       var sendLoginData = { 
        url: 'http://172.16.34.245:8080/Survey/user/login', 
        method: 'POST', 
        data: loginData, 
        headers: { 
         'Content-Type': 'application/json' 
        } 
       }; 

       return $http(sendLoginData); 
      }, 


    } 

}); 

は、ポインタは、ログインボタンがクリックされたときにコントローラに来ていません。ですから、なぜng-clickで私がプログラムをコントローラの部分に渡さないのかを教えてください。

アンカーを削除してng-clickをボタンに設定しても、コントローラコード機能にリダイレクトされません。奇妙な問題!

+1

data-ng-click?私はng-clickを使用します。私はあまりにもアンカー内のボタンがかなり奇妙であることを追加する必要があります。私はボタンの要素にすべてを置くだろう。 – Edorka

+1

彼が言ったことを見てください:[リンク](http://stackoverflow.com/a/34527897/5393271) – sTx

+0

ng-clickはまた、コントローラに到達するフローを取得していません。実際、ng-clickはコントローラをコントローラに持ってこないので、成功メッセージは表示されません。 – Deadpool

答えて

0

答えは簡単だった:

このビューはデフォルトロードなっていたので、コントローラがそれにバインドを取得していませんでした。

ソリューションはされている必要があります。そうでない場合には

.otherwise({title:'Feedback', templateUrl:'loginPage.html',controller:'loginPageController'}); 

私はコントローラを与えて逃し、これは、第1、また、デフォルトのページだったので、それはそう取ったが、何のコントローラがそれでなかったとして、それはwasnそれぞれのコントローラにng-clickを接続することができます。

ありがとうございました...私は本当に問題をデバッグするのに役立ちました!

関連する問題