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 — wvdz
– wvdz, Commented Mar 4, 2015 at 22:02
I'm using the ionic framework so I guess i'm using ui-router ? — Lucas B
– Lucas B, Commented Mar 4, 2015 at 22:09

Brian · Accepted Answer · 2015-03-04 22:28:40Z

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 4, 2015 at 22:28

answered Mar 4, 2015 at 22:08

Brian

5,0288 gold badges42 silver badges60 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Samir Alajmovic · Accepted Answer · 2015-03-04 22:06:54Z

0

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

answered Mar 4, 2015 at 22:06

Samir Alajmovic

3,3033 gold badges29 silver badges28 bronze badges

Collectives™ on Stack Overflow

Redirection in AngularJS controller based on value

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related