如何在angularjs中返回控制台数据答案

【问题标题】：how to return console data in angularjs如何在angularjs中返回控制台数据
【发布时间】：2016-07-29 05:29:24
【问题描述】：

此控制台日志工作正常。如何获取 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>

【问题讨论】：

您想从服务器获取数据然后在 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> 使用这个
这个答案也对我的朋友不起作用。请问你能帮我吗
你只显示console.log(product)的结果！

标签： javascript jquery angularjs angularjs-directive angularjs-scope

【解决方案1】：

你需要分配给 $scope 变量，

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

如果你想把它推到一个数组中，

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

【讨论】：

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') 现在，我有这个错误
你需要先声明 $scope.poduct 变量，像这样 $scope.product = {};
如何将此数据设置为数组
$scope.products.push($scope.product);
给我团队查看器

【解决方案2】：

将这些值分配给范围变量并尝试在 HTML 中调用这些范围变量。

【讨论】：

$scope.selectedProduct = function(product) { $scope.productPostTitle = product.post_title; $scope.productID = 产品.ID; }
有没有可以解决你的问题的小提琴？
'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') 现在我有这个错误
希望图片对你有所帮助！
你能发布你的代码的快照，包括 html 吗？否则你可以创建一个小提琴

【解决方案3】：

只需将作为参数传递的产品设置为范围变量，然后在 HTML 中绑定或使用范围变量。

这是一个可以工作的插件：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;

  };

在 Plunker 按钮中，从服务器获取产品并调用函数来设置产品。由于 plunker 没有服务器请求，因此要获取的产品是静态定义的。

【讨论】：

这不工作我的朋友。这个 Plunker 也不起作用
抱歉有版本问题，请再试一次，我已经更新了插件，运行它并单击按钮将获取值。
它现在可以在 Plunker 上运行。我需要为此使用什么我的朋友。 productFetched
@DRK 'productFetched' 变量是静态定义的，你需要从服务器获取数据，这会更新产品吗？
我的朋友如何获取数据。请问你能帮我吗

【解决方案4】：

如下更改您的 javascript 和 html 代码：

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>

问候。

【讨论】：

请提供一些关于错误的信息。或者可以创建小提琴来展示您正在尝试的内容。
你能回答这个问题吗我的朋友..stackoverflow.com/questions/38431873/…

【解决方案5】：

您必须将值存储在 $scope 变量中，并且还需要在父元素中提及 ng-controller 属性。这是带有示例的完整代码

<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>

【讨论】：

【解决方案6】：

首先声明一个“$scope”变量：

$scope.product = {};

然后在你的函数中为其赋值：

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

编辑

这个fiddle 工作正常，你的代码有什么不同吗？

【讨论】：

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') 现在我有这个错误我的朋友
您的“$scope”似乎没有被声明，当您这样做时会得到什么：“console.log($scope)”？
我正在使用 Safari 浏览器检查我的朋友。请你帮帮我，
只需在您的函数中写入“console.log($scope)”，然后将输出粘贴到此处即可。
selectedProduct: function (product) { arguments: null caller: null length: 1 name: "" 这样显示

【解决方案7】：

如果你只有一个值，那么你可以使用 [0] 来访问它，否则你可以使用 ng-repeat 来访问它。

请检查以下代码。

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>

【讨论】：

有什么问题？
循环中是单个值还是多个值？
在这个链接中我有数组。 stackoverflow.com/questions/38366856/…
我已经更新了我的代码，请立即查看。您可以将“标题”替换为 product.title 等。
让我们continue this discussion in chat.

【解决方案8】：

就这样吧……

$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;
}

或者你可以简单地做......

$scope.product{

}

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

【讨论】：

'undefined' is not an object (evaluating '$scope.product.post_title = product.post_title') 然后我有这个错误