Ng-click Angular 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

如果要使用控制器的功能而不是作用域，则需要在ng-controller属性的 html中进行标记

ng-controller="ControllerName as login"

在下面，您可以使用

<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-click更改为ng-click="ssoFacebook()"

并在您的控制器中更改：

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