This is strange to me, as I cannot seem to see the error, maybe another pair of eyes will help.
This is the base html:
<body ng-controller="base_ctrl">
<div class="container-fluid">
<div class="row">
<div class="col-sm-12 main_container">
<a href="#about_us">About Us Link</a>
<a href="#home">Home Link</a>
</div>
</div>
<div ng-view></div>
</div>
</body>
And this is the js:
var app = angular.module('example_app', ['ngRoute']);
app.config(function($routeProvider, $locationProvider){
$routeProvider
.when('/', {
templateUrl: 'home.html',
})
.when('/about_us', {
templateUrl: 'about_us.html',
})
.otherwise({
redirectTo: '/'
});
$locationProvider.html5Mode({
enabled: true,
requireBase: false
});
});
app.controller('base_ctrl', function($scope){
});
This should work when i look at it, but it does not. When you click on a link, the url changes to home or about_us, depending on which you click, but the ng-view does not change.