I'm a beginner with AngularJs and I've run into an issue where the URL changes but the page remains the same. Any help would be greatly appreciated.
Here is my configuration:
var app = angular.module('MyApp', ['ngResource','ngRoute']);
app.config(['$routeProvider',
function($routeProvider) {
$routeProvider
.when('/',{
templateUrl: '../pages/.index1.html'
})
.when('/profile',{
templateUrl: './profile.html'
}).when('/messages',{
templateUrl: 'file.html'
});
}]);
Below is my index1.html file where I am calling the app.js:
<script src="../angular/angular.js"></script>
<script src="../angular/angular-route.js"></script>
<script src="../angular/angular-resource.js"></script>
<script src="../js/app.js"></script>
<ul>
<li class="">
<a ng-href="#/"><i class="fa fa-group"></i> Users</a>
</li>
<li class="">
<a ng-href="#/profile"><i class="icon-user-1"></i> Profile</a>
</li>
<li class="">
<a ng-href="#/messages"><i class="icon-comment-fill-1"></i> Messages</a>
</li>
</ul>