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, Jun 27 at 9:28

gayathri · Answer 1 · 2016-06-27 09:28:59Z

up vote 1 down vote

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 at 9:28

gayathri

1,1851413

add a comment |

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

up vote 1 down vote

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 at 9:28

Dima Grossman

809416

add a comment |

2 Answers 2