how to return console data in angularjs

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') Now, I have this error

Sajeetharan Over a year ago

you need to declare the $scope.poduct variable initially, something like this $scope.product = {};

how to set this data into array

Sajeetharan Over a year ago

$scope.products.push($scope.product);

Sajeetharan Over a year ago

give me team viewer

Manikandan · Accepted Answer · 2016-07-29 06:09:36Z

2

Assign those values into a scope variable and try calling those scope variables in HTML.

edited Jul 29, 2016 at 6:09

answered Jul 29, 2016 at 5:36

Manikandan

2022 silver badges10 bronze badges

5 Comments

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

is there any fiddle available for your problem?

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') Now I have this error

hope the image will help you!

can u post a snapshot of your code completely including html? else u could have create a fiddle

Hersharan · Accepted Answer · 2016-08-03 11:55:25Z

1

Just set the product passed as parameter to a scope variable, then bind or use the scope variable in HTML.

here is a working plunker : https://plnkr.co/edit/caqLK8oOIukeNuPQed3h?p=preview

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

  };

in Plunker button gets the product from server and calls a function to set the product. as plunker doesnt have server request the product to be fetched is defined statically.

edited Aug 3, 2016 at 11:55

answered Jul 29, 2016 at 7:33

Hersharan

311 silver badge5 bronze badges

11 Comments

This is not working my friend. This Plunker also not working

Hersharan Over a year ago

sorry had version issues, please try again, i have updated the plunker, Run it and button click will fetch the values.

It will working on Plunker now. What I need to use for this my friend. productFetched

Hersharan Over a year ago

@DRK the 'productFetched' variable is statically defined, you need to get the data from the server , which will update the product right?

Hardik Vaghani Over a year ago

How I can get data my friend. pls can you help me

|

Hardik Vaghani · Accepted Answer · 2016-07-29 05:47:00Z

0

Change your javascript and html code as below:

JS

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

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 : {{selectedProduct.post_title}} <br>
    Product Id : {{selectedProduct.ID}}<br>
</ion-item>

Regards.

answered Jul 29, 2016 at 5:47

Hardik Vaghani

2,18330 silver badges48 bronze badges

2 Comments

Please provide some info about error. or may be create fiddle to show that what you are trying out.

can you answer this question my friend.. stackoverflow.com/questions/38431873/…

Hari Das · Accepted Answer · 2016-07-29 05:48:30Z

0

You will have to store the values in $scope variable and also need to mention ng-controller attribute in the parent element. Here is a full code with example

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.7/angular.min.js"></script>
<div ng-app="app1">
	<div ng-controller="ctrl1">
		Employee Info<br/>
		<strong>Id:</strong> {{employeeId}}<br/>
		<strong>Name:</strong> {{employeeName}}
	</div>
</div>

<script>
var app = angular.module('app1', []);
app.controller('ctrl1', function($scope) {
    $scope.employeeId= "E001";
    $scope.employeeName= "John Doe";
});
</script>

edited Jul 29, 2016 at 5:48

answered Jul 29, 2016 at 5:42

Hari Das

11k8 gold badges69 silver badges67 bronze badges

Comments

Cédric Babeix · Accepted Answer · 2016-07-29 06:42:06Z

0

Start by declaring a ´$scope´ variable :

$scope.product = {};

Then assign it a value in your fonction :

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

EDIT

This fiddle is working, is there any difference in your code?

edited Jul 29, 2016 at 6:42

answered Jul 29, 2016 at 5:46

Cédric Babeix

1396 bronze badges

9 Comments

Cédric Babeix Over a year ago

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') Now I have this error my friend

It seems like your ´$scope´ isn't declared, what do you get when you do : ´console.log($scope)´ ?

Cédric Babeix Over a year ago

i'm checking with safari browser my friend. pls can you help me,

Just write ´console.log($scope)´ in your function and paste the output here please.

selectedProduct: function (product) { arguments: null caller: null length: 1 name: "" Showing like this

|

Mohit Tanwani · Accepted Answer · 2016-07-29 06:54:50Z

0

If you've a single value then you can access that by using [0] upset else you can do it by using ng-repeat.

Please check following code.

angular.module('appTest', [])
  .controller("repeatCtrl", function($scope) {
    $scope.items = [{
      Name: "Soap",
      Price: "25",
      Quantity: "10"
    }, {
      Name: "Bag",
      Price: "100",
      Quantity: "15"
    }, {
      Name: "Pen",
      Price: "15",
      Quantity: "13"
    }];
  
  $scope.result = {};
  $scope.selectProduct = function(product){
    $scope.result = product;
  };
  })

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>
<body ng-app="appTest">
  <section ng-controller="repeatCtrl">
    <table>
      <thead>
        <tr ng-repeat="item in items | limitTo:1">
          <th ng-repeat="(key, val) in item">
            {{key}}
          </th>
        </tr>
      </thead>
      <tbody>
        <tr ng-repeat="item in items">
          <td ng-repeat="(key, val) in item">
            <a href="#" ng-click="selectProduct(item)">{{val}}</a>
          </td>
        </tr>
      </tbody>
    </table>
    <br/>
    <div>
    Name : {{result.Name}} <br/>
    Price : {{result.Price}} <br/>
    Quantity : {{result.Quantity}}  
      
    </div>
  </section>
  
</body>

edited Jul 29, 2016 at 6:54

answered Jul 29, 2016 at 5:46

Mohit Tanwani

6,6382 gold badges16 silver badges33 bronze badges

8 Comments

What's the problem ?

Do you've single value or multiple values in loop ?

In this link i have array. stackoverflow.com/questions/38366856/…

I've updated my code, please check now. You can just replace the "title" with product.title and so on.

Let us continue this discussion in chat.

|

Surjeet Bhadauriya · Accepted Answer · 2016-08-17 07:44:24Z

0

Just do this...

$scope.product{

}

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

or you can simply do...

$scope.product{

}

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

edited Aug 17, 2016 at 7:44

answered Jul 29, 2016 at 5:37

Surjeet Bhadauriya

7,2243 gold badges39 silver badges54 bronze badges

1 Comment