Angular JS UI-Router示例不工作

我是JS新手，正在嘗試一個簡單的Angular UI路由器示例，但似乎無法使路由器正常工作，並且看不到原因。我已經測試了幾個例子來確保angular已經被加載並且custom.js已經被加載（他們是這樣），但是當我使用路由器的時候，我什麼也沒有得到，從我的小知識中我什麼都看不到顯而易見（這基本上是複製和粘貼示例）。Angular JS UI-Router示例不工作

--html ---

<!DOCTYPE html> 
<html ng-app = "routerApp"> 
<head> 
    <title></title> 
    <script src="js/angularmin.js"></script> 
    <script src="js/custom.js"></script> 
</head> 
<body> 
TEST APP 
<div ui-view></div> 


</body> 
</html>

--js/custom.js--

var routerApp = angular.module('routerApp', ['ui.router']); 

routerApp.config(function($stateProvider, $urlRouterProvider) { 
    $urlRouterProvider.otherwise('/home'); 
    $stateProvider 

     // HOME STATES AND NESTED VIEWS ======================================== 
     .state('home', { 
      url: '/home', 
      templateUrl: 'home-partial.html' 
     }) 

     // ABOUT PAGE AND MULTIPLE NAMED VIEWS ================================= 
     .state('about', { 
      // we'll get to this in a bit  
     }); 

});

來源

2016-09-05 Sam Palmer

請檢查控制檯 –

您沒有提及對UI的路由器的js文件，

<head> 
    <title></title> 
    <script src="js/angularmin.js"></script> 
    <script src="https://cdnjs.cloudflare.com/ajax/libs/angular-ui-router/0.2.18/angular-ui-router.js" > </script> 
    <script src="js/custom.js"></script> 
</head>

DEMO APP

來源

2016-09-05 18:12:39 Sajeetharan

是否需要單獨下載？ –

@SamPalmer是的確的 – Sajeetharan

啊我以爲它是原始的角碼的一部分，所以我只是使用鮑爾下載它，幷包括「angular-ui-router.js」，但仍然沒有結果 –

Angular JS UI-Router示例不工作

回答

相關問題