Argument 'NavController' is not a function, got undefined

i get this error when i start the app this is the controller:

myApp
    .controller('NavController',
    ['$scope', '$location', function ($scope, $location) {
        $scope.navClass = function (page) {
            var currentRoute = $location.path().substring(1) || 'main';
            return page === currentRoute ? 'active' : '';
        };
    }]);

and this is the app.js:

angular.module('myApp',[
    'ngRoute'])
        .config(['$routeProvider',
            function($routeProvider){
                $routeProvider
                    .when('/',{
                    templateUrl:'views/main.html',
                    controller: 'mainCtrl'
                })
               .when('/team1',{
                        templateUrl:'views/team1.html',
                        controller: 'mainCtrl'
                    })
            }]);

and the htmlIndex where i use the contoller:

<header>
        <div class="container">

            <div class="navbar">
                <ul class="nav navbar-nav" ng-controller="NavController">
                    <li ng-class="navClass('home')"><a href='#/'>Home</a></li>
                    <li ng-class="navClass('home')"><a href='#/team1'>team1</a></li>
                </ul>
            </div>
        </div>
    </header>

i click the nav buttons nothing happens and in the console i get this error "Argument 'NavController' is not a function, got undefined"