angularjs - $state.go ('XXX' ) 在 angularJS 项目中不起作用

Question

1. 条件:AngularJS V1.0.3，Angular-UI-Router 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");
       }
   
   });
   

   当我点击'Go To Home Page'按钮时，没有任何反应，只是提示一条在goToHomePage函数中设置的消息'AAA'。

   知道如何正确转发到主页吗？

   任何建议都应受到高度赞赏。

Answer 1

您的 angularjs 版本太旧，与 angular-ui-roter 不兼容。

将 Angular 脚本版本从 1.0.3 更新到 1.3.15 将解决您的问题。