Redirection in AngularJS controller based on value

Question

I'm really new to AngularJs and I can't find how to do the following :

A user is answering questions in a quiz.html page. Each answer is added to a "answers" list. In a controller I want to redirect to a result.html page if my "answers" list contains 4 answers...

if (answers.length === 4) {
    ???? }

I know this is a simple question but I can't find any simple answer Thank you !

possible duplicate of [Difference between angular-route and angular-ui-router](http://stackoverflow.com/questions/21023763/difference-between-angular-route-and-angular-ui-router) — wvdz, Mar 04 '15 at 22:02
I'm using the ionic framework so I guess i'm using ui-router ? — Lucas B, Mar 04 '15 at 22:09

Brian · Answer 1 · 2015-03-04T22:28:40.437

1

You can use Angular $location

if (answers.length === 'whatever') {
    $location.path("/result")
}

In your app.js

$routeProvider.when('/result', {
    templateUrl: 'templates/result.html',
        controller: 'ResultCtrl'
    })...

Make sure to inject the $location into your controller.

edited Mar 04 '15 at 22:28

answered Mar 04 '15 at 22:08

Brian

4,958
8
40
56

score 0 · Answer 2 · answered Mar 04 '15 at 22:06

You could attach a ng-click when a user clicks, so in your controller you would have,

$scope.checkAnswerLength = function(){
    if (answers.length === 4) {
        $location.path("/result")
    }
}

Then in HTML add on click checkAnswerLength, and if the answers length is 4 it will redirect to route /result

Redirection in AngularJS controller based on value

2 Answers2