AngularJS Route And Evaluation

HTML

<div ng:app="MyApp">
 <script type="text/ng-template" id="examples/exampleTemplate.html">     
     {{expression}} 
 </script>
 
 
 <div ng-controller="MainController">    
   <a href="/1">Load template</a>
   <a href="/">Unload</a>

   <br />
   <div ng-view></div>

   <br />
 </div>
</div>

JavaScript

angular.module('MyApp', [], function($routeProvider, $locationProvider) {
    $routeProvider.when('/1', {
        templateUrl: 'examples/exampleTemplate.html',
        controller: TemplateController
    });

    $locationProvider.html5Mode(true);
});

function MainController () {

}

function TemplateController ($scope) {    
    $scope.expression = "Render me...";
    alert("Why unrendered template is shown?");
}