After diving into AngularJS, I was excited about the possibilities it offers once mastered. However, at my current stage, I am feeling quite frustrated. My main issue lies with implementing routing. Despite a seemingly error-free console, Angular refuses to inject any content into my HTML :(. This testing is taking place on localhost, and all Angular seems to do is append a hash like so: myAngularfolder/#/
Here is the code snippet:
HTML
<!doctype html>
<html ng-app="app">
<head>
<title>AngularJS</title>
<script src="https://code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular.js"></script>
<script src="https://code.angularjs.org/1.3.9/angular-route.js"></script>
<script src="app.js"></script>
</head>
<body>
<nav>
<ul>
<li><a href="index.html">Home</a>
</li>
<li><a href="about.html">About</a>
</li>
<li><a href="info.html">Info</a>
</li>
</ul>
</nav>
<div id="container" ng-view="">
</div>
</body>
</html>
JS
angular.module("app", ['ngRoute'])
.config(function ($routeProvider) {
$routeProvider
.when('/', {
templateURL: '/partials/products.html'
})
});
Any suggestions or insights?