2016-10-25 35 views
0

我可以看到,点击不通过chrome调试器进入控制器的控件。我在视图和控制器中有简单的代码。另外,我没有收到任何错误。任何帮助,将不胜感激。为什么在示例中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键时,我没有被重定向到控制器代码函数。奇怪的问题!

+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'}); 

另有我错过了给控制器,而且由于这是第一个,也是默认页面,这否则花,但因为没有控制器在那里它了,它不是”能够将ng-click连接到相应的控制器。

感谢所有帮助,虽然...它真的帮助我调试问题!

相关问题