AngularJS ng-repeat: push object to array

Question

I have an object for selectedProduct. I now want to create an array of these selectedProduct objects so I can build a list using ng-repeat. I;ve set the scope to an empty array but what is the angular way to push these so I can access them via ng-repeat, i.e. product in products.

 $scope.products = [];

    $scope.getProduct = function() {
        ProductService.getProduct($scope.eanInput.ean)
        .then(function(product) {
            $scope.selectedProduct = product;
            $scope.selectedProduct.ean = $scope.eanInput.ean;
            $scope.selectedProduct.qtyInput = 1;
            $scope.focusOn = 'qty';

            $scope.eanInput.productFound = true;
        })
        .catch(function() {
            $scope.eanInput.productFound = false;
        });
    };

Robin-Hoodie · Accepted Answer · 2015-08-05 09:25:07Z

5

To my knowledge there is no angular way of pushing an object into an array, you can just use the default javascript way:

$scope.products.push(product);

answered Aug 5, 2015 at 9:25

Robin-Hoodie

4,9944 gold badges33 silver badges65 bronze badges

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

1 Comment

Robin-Hoodie Over a year ago

To whoever downvoted this: feel free to give me a reason why

Arno_Geismar · Accepted Answer · 2015-08-05 09:24:48Z

I would just push them to the array to be honest :

 $scope.products = [];

    $scope.getProduct = function() {
        ProductService.getProduct($scope.eanInput.ean)
        .then(function(product) {
            $scope.selectedProduct = product;
            $scope.selectedProduct.ean = $scope.eanInput.ean;
            $scope.selectedProduct.qtyInput = 1;
            $scope.focusOn = 'qty';
            $scope.products.push(product)


            $scope.eanInput.productFound = true;
        })
        .catch(function() {
            $scope.eanInput.productFound = false;
        });
    };

then in html you can do :

<div ng-controller="YourCtrl">
    <h1 ng-repeat="product in products">
    {{product.ean}}
    </h1>
</div>

Collectives™ on Stack Overflow

AngularJS ng-repeat: push object to array

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related