javascript - 该 Controller 功能有任何问题吗？

Question

当我使用没有 Controller 的路由器时，我的路由器工作正常，但是当我在其中添加 Controller 时。然后我的路由器停止工作...任何人都可以告诉我有关路由器功能的问题吗？

登录 Controller :

angular.module('starter', ['ionic'])
.controller('LoginCtrl', function($scope, LoginService, $ionicPopup, $state) {


  $scope.login = function() {
    console.log("LOGIN user: " + $scope.username + " - PW: " + $scope.password);

    LoginService.loginUser($scope.username, $scope.password).success(function(data) {
      console.log("Login Successful");
        $state.go('home');
    }).error(function(data) {
        var alertPopup = $ionicPopup.alert({
            title: 'Login failed!',
            template: 'Please check your credentials!'
        })
    })
  }

});

路由器代码

angular.module('starter', ['ionic'])
.config(function($stateProvider, $urlRouterProvider) {
        $stateProvider
            .state('home', {
                url: '/home',
                templateUrl: 'page2.html',
                controller: 'HomeCtrl'
            })
             .state('login', {
                url: '/login',
                templateUrl: 'index.html',
                controller: 'LoginCtrl'
            })

        $urlRouterProvider.otherwise('/login');
    });

Answer 1

您的 Controller 声明错误。创建 Controller 时从模块中删除注入(inject)器。类似的东西

angular.module('starter')
.controller('LoginCtrl', function($scope, LoginService, $ionicPopup, $state) {
   //...
});

由于这些原因，最好在单独的文件中创建模块。所以你会有

module.js

angular.module('starter', ['ionic'])

config.js

angular.module('starter').config(function(){});

controller.js

angular.module('starter').controller('', function(){});