I used the following guide: http://docs.angularjs.org/guide/ie
Despite following the instructions, I am unable to view the content in IE8. Everything works fine in modern browsers. Can ngRoute helper module be used with IE8? Any advice would be appreciated.
<!DOCTYPE html>
<html xmlns:ng="http://angularjs.org" id="ng-app" ng-app="demoApp">
<head>
<!--[if lte IE 8]>
<script src="//cdnjs.cloudflare.com/ajax/libs/json3/3.3.0/json3.min.js"></script>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
</head>
<body>
<div class="container">
Search by:
<span class="searchby"><a href="#/nameSearch">Name</a> | <a href="#/">Back</a></span>
<div ng-view=""></div>
</div>
<script src="angular.min.js"></script>
<script src="angular-route.min.js"></script>
<script>
var demoApp = angular.module("demoApp", ["ngRoute"]);
demoApp.config(function ($routeProvider) {
$routeProvider
.when ('/',
{
templateUrl: "views/welcomePage.html",
controller: "SimpleController"
})
.when ('/nameSearch',
{
templateUrl: "views/nameSearch.html",
controller: "SimpleController"
})
.otherwise ({ redirectTo: '/' });
})
demoApp.controller("SimpleController", function ($scope) {
})
</script>
</body>