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

In order to switch between different views, you could directly change the window.location (using the $location service!) in index.html file

        

            edit
        
        

            preview
        

Controller.js

function Cntrl ($scope,$location) {
        $scope.changeView = function(view){
            $location.path(view); // path not hash
        }
    }

and configure the router to switch to different partials based on the location ( as shown here https://github.com/angular/angular-seed/blob/master/app/app.js ). This would have the benefit of history as well as using ng-view.

Alternatively, you use ng-include with different partials and then use a ng-switch as shown in here ( https://github.com/ganarajpr/Angular-UI-Components/blob/master/index.html )