将控制器添加到app.js会显示一个空白页面

Question

我想在我的应用中添加控制器。但是在添加控制器时，浏览器会显示一个空白页面。

这是路由：

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

.config(function($stateProvider, $urlRouterProvider) {
$stateProvider
    .state('Login', {
        url: '/Login',
        templateUrl: 'templates/Login.html',
        controller: 'LoginController'
    })
    .state('SignUp', {
        url: '/SignUp',
        templateUrl: 'templates/SignUp.html',
        controller: 'SignUpController'
    })
$urlRouterProvider.otherwise('/Login');
});

这是我的控制器

angular.module('starter', ['ionic'])
.controller('LoginController',function($scope, $state, $ionicPopup) {
$scope.showAlert = function() {
  var alertPopup = $ionicPopup.alert({
    title: 'Success',
    template: 'Mobile Number Verified',
  });
  alertPopup.then(function(res) {
    console.log('Thanks');
  });
 };
});

如何让控制器工作？