Menu
I seem to have an issue getting ui-router to actually route things. I am sure that all of my javascript files are being loaded and angular isn't throwing any errors. I have an HTML file that declares the app and base controller and then I load the js file that has the router. You can see a sample of my code below.
index.html
<!DOCTYPE html>
<html ng-app="Yellr" ng-controller="yellrBaseCtrl">
<head>
<title>Yellr Moderator</title>
<link rel="stylesheet" type="text/css" href="assets/css/site.css"/>
</head>
<body>
<div class="side-nav">
...
</div>
<div class='main' ui-view>
</div>
<script src="assets/js/scripts.min.js"></script>
</body>
</html>
yellr.routes.js (compiled into scripts.min.js)
'use strict';
angular
.module('Yellr', ['ui.router'])
.config(['$stateProvider', '$urlRouterProvider',
function ($stateProvider, $urlRouterProvider) {
$urlRouterProvider.otherwise('/notfound');
$stateProvider
.state('feed', {
url: '/feed',
templateUrl: '/templates/feed.html',
controller: 'rawFeedCtrl'
});
}]);
console.log('Yellr routes');
Am I missing something obvious here? You can find the whole code base here
424
The problem was with template url. I see you are serving the files directly from your root folder, not from the app. You will have to change the template url to this:
$stateProvider
.state('feed', {
url: '/feed',
templateUrl: 'app/templates/feed.html',
controller: 'rawFeedCtrl'
});
Also I would suggest to build all the html and scripts into a dist folder and serve from there.
69
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
