$auth.login不是一个函数

Question

我使用的是AngularJS 1.4.6和Satellizer。我按照编写的方式做了所有的事情，但总是得到相同的错误：

angular.js:12450 TypeError: $auth.login is not a function

login.html：

  <div class="form-group">
    <input type="email" class="form-control underline-input" placeholder="Email" ng-model="user.email" required>
  </div>

  <div class="form-group">
    <input type="password" placeholder="Password" class="form-control underline-input" ng-model="user.password" required>
  </div>

  <div class="form-group text-left mt-20">
    <button type="submit" class="btn btn-greensea b-0 br-2 mr-5" ng-click="login()" ng-disabled='form.$invalid'>Login</button>
    <label class="checkbox checkbox-custom checkbox-custom-sm inline-block">
      <input type="checkbox"><i></i> Remember me
    </label>
    <a ui-sref="core.forgotpass" class="pull-right mt-10">Forgot Password?</a>
  </div>

</form>

登录控制器：

 .controller('LoginCtrl', function ($scope, $auth) {

    $scope.user = {};
    $scope.user.email = 'test@gmail.com';
    $scope.user.password = 'test';

    $scope.login = function () {
      $auth.login($scope.user).then (
        function (response) {
          console.log(response);
        },
        function (error) {
          console.log(error);
        }
      )
    }

app.js：

     .config(['$stateProvider', '$urlRouterProvider', '$authProvider', function($stateProvider, $urlRouterProvider, $authProvider ) {

          $authProvider.loginUrl = '/auth/login';
...

我尝试了不同的解决方案，研究了github问题，但没有找到解决方案。

我有什么错？我怎么才能修复它？

Answer 1

我添加到控制器数组选项

.controller('LoginCtrl', ['$scope','$auth', function ($scope, $auth) {

    $scope.user = {};
    $scope.user.email = 'test@gmail.com';
    $scope.user.password = 'test';

    $scope.login = function () {
      $auth.login($scope.user).then (
        function (response) {
          console.log(response);
        },
        function (error) {
          console.log(error);
        }
      )
    }]