Search code examples
javascriptjqueryangularjsangularjs-directiveangularjs-scope

how to return console data in angularjs


This console log is working properly. How to get this data for the html.

ProductController.js

$scope.selectedProduct = function(product)
 {
    console.log(product.post_title);
    console.log(product.ID);
    console.log(product.post_date);
    console.log(product.post_author);
 }

ProductDetails.html

<ion-item class="item widget uib_w_109 d-margins item-button-left" data-uib="ionic/list_item_button" data-ver="0">
        Product Name : {{product.post_title}} <br>
            Product Id : {{product.ID}}<br>
</ion-item>


Solution

  • You need to assign to $scope variable,

    $scope.selectedProduct = function(product)
     {
        $scope.product.post_title = product.post_title;
        $scope.product.ID = product.ID;
        ........
     }
    

    if you want to push it to an array,

    $scope.products =[];
    $scope.products.push($scope.product);