AngularJS json multidimensional array doesn't not look like it should be

Question

This is an AngularJS problem; I have a simple form:

<input type="text" class="form-control" id="qus" placeholder="Enter Question" ng-model="qus">
<input type="text" class="form-control" id="op1" placeholder="Option 1" ng-model="op1">
<label><input type="checkbox" ng-model="correct1">Correct</label>
<button class="form-control btn btn-primary" ng-click = "save()">Save</button>
<pre  ng-bind="dataShow"></pre>

Script:

var app = angular.module('qApp', []);
app.controller('qCtrl', function($scope) {
    var set = [];
    var op1 = [];
    $scope.save = function (){
        if($scope.correct1!==true){$scope.correct1=false;}      
        op1.push($scope.op1, $scope.correct1);
        var qus = [$scope.qus, op1];
        set.push(qus);
        $scope.dataShow = JSON.stringify(set); 
    };

});

Outputs:

After using JSON.stringify for the first entry the output looks like this:

[
 ["q1",["o1",false]]
]

and the output for the second entry is:

[
 ["q1", ["o1",false,"o2",true]], 
 ["q2", ["o1",false,"o2",true]]
]

But I wanted something like this:

[
 ["q1", ["o1",false,]], 
 ["q2", ["o2",true]]
]

How to do that? true/false is the value of a check box.

can you provide plunkr or jsfiddle?

Grundy
– Grundy

2015-09-07 11:02:46 +00:00
Commented Sep 7, 2015 at 11:02 — Grundy
– Grundy, Commented Sep 7, 2015 at 11:02
initialize op1 inside save method

Nagesh Sanika
– Nagesh Sanika

2015-09-07 11:09:09 +00:00
Commented Sep 7, 2015 at 11:09 — Nagesh Sanika
– Nagesh Sanika, Commented Sep 7, 2015 at 11:09

JPS · Accepted Answer · 2015-09-07 11:23:40Z

3

@Nagesh Sanika is correct. Each question will have a list of options. So you can create the options array every-time when a new question is added to the set.

var app = angular.module('qApp', []);
app.controller('qCtrl', function($scope) {
    var set = [];

    $scope.save = function (){
        var op1 = [];  // Moved it inside the save method
        if($scope.correct1!==true){$scope.correct1=false;}      
        op1.push($scope.op1, $scope.correct1);
        var qus = [$scope.qus, op1];
        set.push(qus);
        $scope.dataShow = JSON.stringify(set); 
    };

});

Here is the plunker.

answered Sep 7, 2015 at 11:23

JPS

2,7605 gold badges35 silver badges56 bronze badges

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

2 Comments

Grundy Over a year ago

you can do directly var op1 = [$scope.op1, $scope.correct1]; :-)

JPS Over a year ago

@Grundy, That's correct for the given scenario. But if multiple options are to be entered, we need to add then using push method.

Arun AK · Accepted Answer · 2015-09-07 11:06:55Z

To get your result, you need to empty the op1 array each time.

var app = angular.module('qApp', []);
app.controller('qCtrl', function($scope) {
var set = [];
var op1 = [];
$scope.save = function (){
    if($scope.correct1!==true){
      $scope.correct1=false;
    }      

    op1.push($scope.op1, $scope.correct1);

    var qus = [$scope.qus, op1];

    set.push(qus);
    op1=[];
    $scope.dataShow = JSON.stringify(set); 
 };
});

Hope this works :)

Collectives™ on Stack Overflow

AngularJS json multidimensional array doesn't not look like it should be

2 Answers 2

2 Comments

Comments

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Related