AngularJS : How do I switch views from a controller function?

Question

I am trying to use the ng-click feature of AngularJS to switch views. How would I go about doing this with the code below?

index.html

Answer 1

The method used for all previous answers to this question suggest changing the url which is not necessary, and I think readers should be aware of an alternative solution. I use ui-router and $stateProvider to associate a state value with a templateUrl which points to the html file for your view. Then it is just a matter of injecting the $state into your controller and calling $state.go('state-value') to update your view.

What is the difference between angular-route and angular-ui-router?