How to add object in array Angularjs and show this?

Question

How to add object in array and show it on web-page?

$scope.add = function() {
$scope.items.push($scope.item);
$scope.item = '';

};

Just change the first line of you dd function to $scope.items.push({'item':$scope.item}); so the item object will have the same structure of data than the others. — Walfrat
– Walfrat, Commented Jun 27, 2016 at 9:28

Dima Grossman · Accepted Answer · 2016-06-27 09:35:37Z

3

Just change your push code to:

$scope.items.push({item: $scope.item});

You are trying to push single string to an Array of objects.

you can also change your model in controller to

$scope.item = {text: ""}

and on your view change ng-model to

ng-model="item.text"

answered Jun 27, 2016 at 9:28

Dima Grossman

2,8502 gold badges23 silver badges27 bronze badges

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

Comments

Gayathri Mohan · Accepted Answer · 2016-06-27 09:28:59Z

2

Hi just edit your function

because its an object , u have to create object and need to push inside an array

$scope.add = function() {
    var obj ={};
    obj.item = $scope.item;
    $scope.items.push(obj);
    $scope.item = '';
  };

answered Jun 27, 2016 at 9:28

Gayathri Mohan

2,9724 gold badges21 silver badges26 bronze badges