title: AngularJs: controller is called twice by using $routeProvider
body: <p>Module routes:</p>
  
  <pre><code>var switchModule = angular.module('switchModule', []);
  
  switchModule.config(['$routeProvider', function($routeProvider) {
      $routeProvider.
      when('/build-content', {templateUrl: 'build-content.html', controller: BuildInfoController});
  }]);
  </code></pre>
  
  <p>Controller:</p>
  
  <pre><code>function BuildInfoController($http, $scope){
      alert("hello");
  }
  </code></pre>
  
  <p>Html:</p>
  
  <pre><code>&lt;html ng-app="switchModule"&gt;
  ...
  &lt;body&gt;
      &lt;ul&gt;
          &lt;li&gt;&lt;a href="#build-content"/&gt;&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
      &lt;div class="ng-view"&gt;&lt;/div&gt;
  &lt;/body&gt;
  ...
  </code></pre>
  
  <p>Each time when i click the hyperlink '', the 'BuildInfoController' will be called twice. Am i missing something here?</p>