StateProvider角度不起作用且没有错误

Question

我正在尝试使用angular-ui-route，但是，在控制台中没有错误，stateProvider不起作用。我无法看到我的主页（或任何其他）..

我错过了什么？

我的app.js：

 var app = angular.module('app', ['ui.router', 'pascalprecht.translate'])
  .config(['$stateProvider', '$locationProvider', '$translateProvider', '$interpolateProvider', '$urlRouterProvider',
   function($stateProvider, $locationProvider, $translateProvider, $interpolateProvider, $urlRouterProvider) {
     $locationProvider.html5Mode(true);
     $locationProvider.hashPrefix("!");

     $interpolateProvider.startSymbol('{[{');
     $interpolateProvider.endSymbol('}]}');

     $translateProvider.useStaticFilesLoader({
       prefix: '/static/languages/',
       suffix: '.json'
     })
     .preferredLanguage('pt-br');
     $translateProvider.forceAsyncReload(true);
     $urlRouterProvider.when('', '/');
      $stateProvider.state('home', {
        url: '/',
        controller: "HomeCtrl as ctrl",
        templateUrl:"/static/includes/home.html"
      }).state('home.login', {
        url: '/login',
        templateUrl:"/static/includes/login.html"
      });
    }]);

Answer 1

我使用的是ng-view而不是ui-view

Answer 2

你试过吗

$urlRouterProvider.otherwise("/");

而不是

$urlRouterProvider.when('', '/');

Answer 3

应该是 controller: "HomeCtrl"

而不是

controller: "HomeCtrl as ctrl"

控制器键只能使用控制器的名称。