I am very new to AngularJS and am also new to Visual Studio's Community 
2015, which I'm also using.

I was working through this tutorial (AngularJS in 60-ish Minutes) 
: https://www.youtube.com/watch?v=i9MHigUZKEM , but I'm having issues with 
getting the routing to work with multiple views. 

I currently keep getting the dreaded 404 error: Failed to load resource: 
the server responded with a status of 404 (Not Found).

I pushed my project onto GitHub, it's at this 
address: 
https://github.com/KelseySteele/AngularJS60Minutes/tree/master/src/AngularJS60Minutes2/wwwroot
 

In index.html, I added the module in a separate folder

In home.html, I added the module to the same page as the DOM elements.

Both of them give me the same error and a blank screen in the browser. 

I would really appreciate an advice or suggestions. Thanks! 

Here is the code from my home.html page.

<!DOCTYPE html><html ng-app="demoApp"><head> <meta charset="utf-8" /> 
<title>Using 
AngularJS Directives and Data Binding</title> <!-- jQuery library --> <
script src="
https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js";></script> 
<!-- 
Latest compiled Bootstrap JavaScript file --> <script src="
http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js";></script
> <!-- AngularJS --> <script src="
https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js";></
script> <script src="
http://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular-route.js";></
script></head> <body ng-app="demoApp"> <div> <!--Placeholder for the 
views--> <div ng-view></div> </div> <script> (function () { 'use strict'; 
angular.module('demoApp', ['ngRoute']) .config(['$routeProvider', function (
$routeProvider) { $routeProvider.when('/', { template: '<h5>This is the 
default route</h5>' }) .when('/home', { template: '<h5>This is the home 
route</h5>' }) .when('/View2', { template: '<h5>This is the View2 Route<h5>' 
}) .otherwise({ redirectTo: '/' }); }]); })(); </script> 
</body> </html> 

-- 
You received this message because you are subscribed to the Google Groups 
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email 
to [email protected].
To post to this group, send email to [email protected].
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

Reply via email to