$ state.go（ 'XXX'）不工作在angularJS項目

條件：AngularJS V1.0.3，角-UI-路由器V0.2.10
我想要實現的是指數html頁面會動態轉發登錄html，然後單擊登錄按鈕，它將重新轉發到主頁。

由於我的名譽是不夠的，所以我不能附上圖像。在這裏我將附上我的演示代碼。 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"); 
    } 

});

當我點擊 '轉到主頁' 按鈕，什麼都沒有發生，但是提示了一個在goToHomePage函數中設置的消息'AAA'。

任何想法如何正確轉發到主頁？

任何建議應該高度讚賞。

來源

2015-05-30 Jackie

你正在使用過舊版本的角度更新到'角-1.3.15'看看會發生什麼 –

@ pankajparkar，我更新了角度版本到1.3.9，它的工作完美，非常感謝。 – Jackie

檢查我已添加答案。 –

您的舊版本angularjs與angular-ui-roter不兼容。

將角度腳本版本從1.0.3更新爲1.3.15將解決您的問題。

來源

2015-05-31 03:54:09

$ state.go（ 'XXX'）不工作在angularJS項目

回答

相關問題