Menu
I have linked the script in my index.html, and referenced it in app.js, but I keep getting the error that ngRoute is not available. Any help would be greatly appreciated!
app.js
angular.module('gameMaster', ['ngRoute', 'castServices']);
.config
angular.module('gameMaster')
.config(function($routeProvider, $locationProvider){
$routeProvider
//welcome page
.when('/welcome', {
templateUrl: '../../../../pages/welcome.html',
controller: 'gameController'
})
//gameplay page
.when('/gameplay',{
templateUrl: '../../../../pages/gameplay.html',
controller: 'gameController'
})
//default to welcome
.otherwise({
redirectTo: '/welcome'
});
$locationProvider.html5mode(true);
});
index.html
<html>
<head>
<title>Party Things!</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular.min.js"></script>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.0/angular-route.js"></script>
<script type="text/javascript" src="https://www.gstatic.com/cast/sdk/libs/receiver/2.0.0/cast_receiver.js"></script>
<script type="text/javascript" src="node_modules/underscore/underscore.js"></script>
<script type="text/javascript" src="js/modules/castServices/castServices.js"></script>
<script type="text/javascript" src="js/modules/gameMaster/app.js"></script>
</head>
Does anything jump out at you?
Thanks!
833
Just for the record. Now Angular distributes ngRoute module as a separate file - http://docs.angularjs.org/api/ngRoute
You need to download angular-route.js and include in your webpage:
<script src="angular.js">
<script src="angular-route.js">
It turns out that I had caching issues. I went into the developer options and disabled cache while the pane was open, and viola. Thanks for your help!
24
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
