ngRoute not working. is there something i am doing wrong.

[shahakshit]

<title>a</title> <script src="Scripts/angular.min.js" type="text/javascript"></script> <script src="Scripts/angular-route.min.js" type="text/javascript"></script> <script type="text/javascript"> var App = angular.module('App', ['ngRoute']);

 App.config(function ($routeProvider) { 
 $routeProvider
 .when('/', { templateUrl: 'Partials/View1.htm', controller: 'SimpleController' })
 .when('/partial2', { templateUrl: 'Partials/View2.htm', controller: 'SimpleController' })
 .otherwise({ redirectTo: '/AJTest' });
 });

 App.controller('SimpleController', function ($scope) {
 $scope.customers =
 [
 { name: 'a', city: 'a' },
 { name: 'b', city: 'b' },
 { name: 'c', city: 'c' },
 { name: 'd', city: 'd' }
 ];
 $scope.addCustomer = function () {
 $scope.customers.push({ name: $scope.newCustomer.name, city: $scope.newCustomer.city });
 }
 });

 </script> 
 <div data-ng-controller="SimpleController">
 Name :<br /> 
 <input type="text" data-ng-model="name" /> {{ name }} 
 <ul>
 <li data-ng-repeat="cust in customers | filter:name | orderBy:city">{{ cust.name + ' ' + cust.city}} </li>
 </ul>
 </div> 
</body>

---------------------**********************************************---------------------------------------- Partials\View1.htm goes like this.

View 1

Name :

• {{ cust.name }}

CustomerName : CustomerCity : Add Customer

Please help. thanks in advance.