AngularJS - How do I change the State from Inside the Controller

Question

I am new to AngularJS and would like to know how I change the State from within the Controller.

For example, I typically change the state on a button click:

Answer 1

inject $state service to your controller, then in your controller...

CONTROLLER

$scope.changeState = function () {
    $state.go('where.ever.you.want.to.go', {stateParamKey: exampleParam});
};

and add ng-click to your button

HTML

<button ng-click="changeState()">Change State</button>