AngularJS: get value from form

Question

I'm using 3 nested ng-repeat for read a json and show several questions and his answers. Until here it's working but now I'm trying to store the seleted answers and send it to the API. I don't know why the selected answers are not being stored.

This is my view:

<form>
    <div class="panel panel-default" ng-repeat="section in questionsTest">
        <div class="panel-heading">
            <h1>{{ section.name }}</h1>
            <h3 class="panel-title">{{ section.name }}. {{
                section.description }}</h3>
        </div>
        <div class="panel-body" ng-repeat="question in section.questions">
            {{ question.statement }}
            <div ng-repeat="answer in question.answers">
                <!--  <label class="radio-inline"> <input type="{{ answer.type }}" ng-model="question.value"
                    name="{{ answer.id }}" id="{{ answer.id }}" value="{{ answer.id }}">
                    {{ answer.valor }}
                </label>-->
                <label class="radio-inline"> <input type="{{ answer.type }}" ng-model="question.valor"
                    name="{{ question.id }}" id="{{ answer.id }}" value="{{ answer.id }}">
                    {{ answer.valor }}
                </label>
            </div>
        </div>
    </div>
</form>

And this is the controller:

$scope.question = {};
$scope.testing = function(){
    console.log($scope.question);
};

$scope.testing is a testing function to see on the console the value of $scope.question

Yes @Maximus it's here: plnkr.co/edit/m35iYTFdh3G5v3IRghRI?p=preview — jcobo1
– jcobo1, Commented Jan 7, 2017 at 19:31

Max Koretskyi · Accepted Answer · 2017-01-07 19:58:04Z

1

You html setup is correct, you're just not reading it the selected values correctly. To get a selected answer for the first question, use the following:

$scope.json.section[0].questions[0].value

It's because when you're putting question.valor into ng-model - it's actually a n-th question inside n-th section. Those n indexes are defined by the number of items inside your original data structure $scope.json.

To get all values, you can iterate over your original object:

$scope.testing = function () {
    var answers = {sections: []};

    for (var i = 0; i < $scope.json.section.length; i++) {
        if (!answers.sections[i]) {
            answers.sections[i] = {answers: []};
        }

        for (var j = 0; j < $scope.json.section[i].questions.length; j++) {
            if (!answers.sections[i].answers) {
                answers.sections[i].answers = [];
            }

            answers.sections[i].answers[j] = $scope.json.section[i].questions[j].value
        }
    }
}

edited Jan 7, 2017 at 19:58

answered Jan 7, 2017 at 19:41

Max Koretskyi

106k69 gold badges356 silver badges524 bronze badges

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

3 Comments

jcobo1 Over a year ago

Yes but how can I get all the values? I still don't get it

Max Koretskyi Over a year ago

@proktovief, did my answer help?

Max Koretskyi Over a year ago

@proktovief, sorry, d9nt understand what you mean

Collectives™ on Stack Overflow

AngularJS: get value from form

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related