2016-09-05 2 views
0

Я новичок в JS, и я пробовал простой пример углового ui-router, но я не могу заставить работать маршрутизатор и не могу понять, почему. Я проверил несколько примеров, чтобы убедиться, что угловой загружен, и custom.js был загружен (что они есть), но когда я прихожу к использованию маршрутизатора, я ничего не получаю, из моих маленьких знаний я не вижу ничего яркого очевидно (это в основном и пример копирования и вставки).Угловой 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  
     }); 

}); 
+0

Пожалуйста, проверьте консоль –

ответ

1

Вы не ссылается на файл JS для Ui-маршрутизатора,

<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

+0

это нужно скачать отдельно? –

+0

@SamPalmer да действительно – Sajeetharan

+1

ах Я думал, что это часть оригинального углового кода, поэтому я просто использовал bower, чтобы загрузить его, и включить «angular-ui-router.js», но все равно никакого результата –

Смежные вопросы