title: How to change URL of the page in AngularJS routing in one controller?
body: <p>this is the routing configuration:</p>
  
  <pre><code>tapp.config(function ($routeProvider) {
      $routeProvider.when('/', {
          title: 'Home',
          controller: 'tCtrlr',
          templateUrl: '../HTML/Index.html',
      }),
      $routeProvider.when('/Tasks', {
          title: 'Tasks',
          controller: 'tCtrlr',
          templateUrl: '../HTML/Tasks.html',
      }),
      $routeProvider.when('/MyTasks', {
          title: 'My Tasks',
          controller: 'tCtrlr',
          templateUrl: '../HTML/MyTasks.html',
      })
  </code></pre>
  
  <p>When navigating between the pages the <code>title</code> is not set, I've read some SO threads regarding to this issue, but most assume I have a controller for every page. So how could I get the <code>title</code> property in the <code>when</code> function?</p>