Problem with the ng-include

I was watching videos to learn the angularjs for web pages, I found a problem with the ng-include , I do not know if the way or the video is old, my code is:

Index.html :

<div ng-include="menuSuperior"></div>

app.js :

var app = angular.module('universidadApp',['ngRoute']);

app.controller('mainCtrl', ['$scope','$http', function($scope,$http){

$scope.menuSuperior = "parciales/menu.html";

}]);

And the html code that I want to include that is in the partial folder and is called menu.html:

<nav class="navbar navbar-inverse navbar-fixed-top">
    <div class="container">
        <div class="navbar-header">
          <a class="navbar-brand" href="#">Universidad App</a>
        </div>
        <div id="navbar" class="collapse navbar-collapse">
          <ul class="nav navbar-nav">
            <li class="active"><a href="#/">Inicio</a></li>
            <li><a href="#/profesores">Profesores</a></li>
            <li><a href="#/alumnos">Alumnos</a></li>
          </ul>
        </div><!--/.nav-collapse -->
    </div>
</nav>