Angularjs "this" is undefined in normal object

Question

I am creating a quiz in angular and i use this code:

<ul>
    <li ng-repeat="choice in choices" class="choices" ng-click="setSelection(choice)">{{choice}}</li>
</ul>

var choiceSelection = {
        isSelected: false,
        userAnswers: [],
        setSelection: function(choice) {
            this.userAnswers.push(choice);
            console.log(this.userAnswers);
        }
    };


$scope.setSelection = choiceSelection.setSelection;

I want to store the users choice in the userAnswers array, but the this in setSelection is undefined and therefore this.userAnswers nor this.isSelected works. This code works in normal JS, I just tested it. What's going on here?

Paul · Accepted Answer · 2015-02-27 22:48:33Z

1

You could bind the proper value for this to your setSelection function:

var choiceSelection = new function ( ) {
    this.isSelected = false;
    this.userAnswers = [];

    this.setSelection = function(choice) {
        this.userAnswers.push(choice);
        console.log(this.userAnswers);
    }.bind( this );
} ;

$scope.setSelection = choiceSelection.setSelection;

answered Feb 27, 2015 at 22:48

Paul

142k28 gold badges285 silver badges272 bronze badges

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

Collectives™ on Stack Overflow

Angularjs "this" is undefined in normal object

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related