$ state.go ('XXX') не работает в angularJS проекта

Question

1. Условия: AngularJS V1.0.3, радиально-UI-маршрутизатор V0.2.10
2. То, что я хочу осуществить это индексная страница HTML будет динамически перейдите на страницу входа в систему html, затем нажмите кнопку входа в систему, она будет переадресовываться на домашнюю страницу.

3. Из-за моей репутации недостаточно, поэтому я не могу прикрепить изображения. Здесь я приложу свой демо-код. 3,1: index.html

    <!-- StateProvider --> 
        <div ng-controller="demoController"> 
         <button ng-click="goToHomePage()">Go To Home Page</button> 
        </div> 
   
        <!-- Load extra js --> 
        <script type="text/javascript" src="js/lib/jquery/jquery-2.1.3.js"></script> 
        <script type="text/javascript" src="js/lib/angular/angular.js"></script> 
        <script type="text/javascript" src="js/lib/angular/angular-route.js"></script> 
        <script type="text/javascript" src="js/lib/angular/angular-sanitize.js"></script> 
        <script type="text/javascript" src="js/lib/angular/angular-animate.js"></script> 
        <script type="text/javascript" src="js/lib/angular-ui/angular-ui-router.js"></script> 
   
        <script type="text/javascript" src="js/appDemo.js"></script> 
        <script type="text/javascript" src="js/service/DemoService.js"></script> 
        <script type="text/javascript" src="js/controller/DemoController.js"></script> 
   
       </body> 
   

   3,2: appDemo.js

   var app = angular.module("demo", ['ui.router']); 
   
   app.config(['$stateProvider', '$urlRouterProvider', function($stateProvider, $urlRouterProvider) { 
   
   //$urlRouterProvider.otherwise("/landing/dashboard"); 
   $urlRouterProvider.otherwise("/login"); 
   //$urlRouterProvider.when('/landing/influencers', '/landing/influencers/dashboard/market-view'); 
   
   $stateProvider 
       .state('home', { 
        url: '/home', 
        templateUrl: 'view/home.html', 
        controller: function(){ 
         alert("123"); 
        } 
       }) 
   
       .state('login', { 
        url: '/login', 
        templateUrl: 'view/login.html' 
       }); 
   }]); 
   
   app.run(['$state', function ($state) { 
       alert("running..."); 
       /*$state.transitionTo('home');*/ 
       $state.go('home'); 
   }]); 
   

   3,3: DemoController.js

   app.controller('demoController', function($scope, $state, demoService){ 
   
       $scope.goToHomePage = function(){ 
        alert('AAA'); 
        $state.go("home"); 
       } 
   
   }); 
   

   Когда я нажимаю 'Перейти на главную страницу' кнопку, ничего не произошло, но вызвало сообщение «AAA», которое было установлено в функции goToHomePage.

   Любая идея, как правильно перевести на домашнюю страницу?

   Любое предложение должно быть высоко оценено.

Answer 1

У вас слишком старая версия angularjs, который не совместим с angular-ui-roter.

Обновление версии углового скрипта от 1.0.3 до 1.3.15 решит проблему.