吳單擊角JS不起作用

Question

在我看來

<button type="button" 
       ng-disabled="isProcessing" 
       ng-click="login.ssoFacebook()" 
       class="button button-primary"> 
       <span class="icon icon-social-facebook"></span> 
       Login Using Facebook 
      </button> 

當我點擊按鈕，Facebook並沒有工作 我控制器

this.ssoFacebook = function(){ 
     // intiate 
     ssoAuth.facebook.initiate() 
     .then(function(customer){ 
      if (!customer) throw 'error system'; 

      authService.setCurrentSession(customer, $scope); 
      $timeout(function() { 
       $scope.$emit(GLOBAL_EVENTS.SYSTEM.ACCOUNT.SESSION.LOGIN_SUCCESS); 
      }, 500); 
      // redirect or something 
      $state.go('products', {}, {reload: true}); 
     }) 
     .catch(function(error){ 
      $scope.$emit(GLOBAL_EVENTS.SYSTEM.ACCOUNT.SESSION.LOGIN_FAILED, error); 
     }); 
    }; 

難道我做錯了什麼？感謝推進

Answer 1

替換此代碼，

this.ssoFacebook = function(){ 
... 
} 

用，

$scope.login = {}; 
$scope.login.ssoFacebook = function(){ 
.. 
} 

這可能是問題。

Answer 2

如果你想使用的功能，從控制器，而不是範圍，需要在attribute ng-controller

ng-controller="ControllerName as login" 

及以下你的HTML標記此可以使用

<button type="button" 
      ng-disabled="isProcessing" 
      ng-click="login.ssoFacebook()" 
      class="button button-primary"> 
      <span class="icon icon-social-facebook"></span> 
      Login Using Facebook 
</button> 

Answer 3

更改您的NG-點擊 ng-click="ssoFacebook()"

並在您的控制器中更改：

$scope.ssoFacebook = function(){ ... }