ng-click不调用ionic中的函数？

Question

以下模板代码中的ng-click不会在控制器中调用函数 loginFacebook()吗？文本" loginfacebook ..."未在JavaScript控制台中打印。

slogin.html

<ion-view title="Login" id="page100">
    <ion-content>
        <a class="button" ng-click="loginFacebook()">
            Sign In With Facebook
        </a>
    </ion-content>
</ion-view>

控制器：

.controller('LoginCtrl', ['client', function ($scope, $state, client) {
    $scope.loginFacebook = function () {
        console.log('loginFacebook...')
        client.login("facebook").then(function succes(data){
            console.log('logged in succesfully..')
            $state.go('menu.events');
        }, function(error){
            console.log('login failed.');
        });
    };
}])

utaes.js

  .state('menu.login', {
    url: '/login',
    views: {
        'side-menu21': {
            templateUrl: 'templates/slogin.html',
            controller: 'LoginCtrl'
        }
    }
  })

Answer 1

您缺少 $scope 和 $state 在注入顺序

您的控制器应该是

.controller('LoginCtrl', ['$scope','$state','client', function ($scope, $state, client) {
        $scope.loginFacebook = function () {
            console.log('loginFacebook...')
            client.login("facebook").then(function succes(data){
                console.log('logged in succesfully..')
                $state.go('menu.events');
            }, function(error){
                console.log('login failed.');
            });
        };
    }])