title: AngularJS Route shows next view and then sends be back to previous view
body: <p>Using what I thought was a basic route, but it don't like me. </p>
  
  <pre><code>    .config([
          '$routeProvider',
          function($routerProvider){
              $routerProvider
                  .when('/view',{
                      templateUrl: 'view-profile.html',
                      controller: 'UserProfileController'
                  })
                  .when('/edit',{
                      templateUrl: 'edit-profile.html',
                      controller: 'UserProfileController'
                  })
                  .otherwise({
                      redirectTo: '/view'
                  });
          }
      ]);
  </code></pre>
  
  <p>The above works, i can manually enter /view or /edit in the browser and it'll load, and work.</p>
  
  <p>I have buttons on my page to switch the UI, and when I do, I see the new view, and then it immediately switches back. I'm on /view, I click to change path to edit, and it goes to edit and then back to view. However, when I start on edit, and click to change to view, it sticks. I can then go back to edit fine. It appears to be when the page loads on view.</p>
  
  <p>Here's how I'm changing the views</p>
  
  <pre><code>    this.viewProfile = function () {
          $location.path('/view');
      };
      this.editProfile = function () {
          $location.path('/edit');
      };
  </code></pre>
  
  <p>and the buttons look like</p>
  
  <p>On /view</p>
  
  <pre><code>&lt;button ng-click="user.editProfile()"&gt;Edit My Profile&lt;/button&gt;
  </code></pre>
  
  <p>On /edit</p>
  
  <pre><code>&lt;button ng-click="user.viewProfile()"&gt;Save&lt;/button&gt;
  </code></pre>
  
  <p>Thanks!</p>