Fatal编程技术网
  • javascript/
  • Javascript 在angularjs中使用ng repeat从http响应数组检索数据

Javascript 在angularjs中使用ng repeat从http响应数组检索数据

javascript angularjs

Javascript 在angularjs中使用ng repeat从http响应数组检索数据,javascript,angularjs,Javascript,Angularjs,我正在尝试使用ng repeat从HTTP请求检索响应。这是我的JSON对象： { "sessid":"47", "value":[ { "_id":"1", "0":"1", "_exportid":"47", "1":"47", "sender_id":"0", "2":"0", "receiver_id":"0", "3":"0", "sender_address":

我正在尝试使用
ng repeat
从HTTP请求检索响应。这是我的JSON对象：

{
  "sessid":"47",
  "value":[
    {
      "_id":"1",
      "0":"1",
      "_exportid":"47",
      "1":"47",
      "sender_id":"0",
      "2":"0",
      "receiver_id":"0",
      "3":"0",
      "sender_address":"",
      "4":"",
      "receiver_address":"",
      "5":"",
      "price_in_btc":"2",
      "6":"2",
      "price_in_curr":"3",
      "7":"3",
      "status":"1",
      "8":"1",
      "account_id":"12",
      "9":"12",
      "date":"0000-00-00 00:00:00",
      "10":"0000-00-00 00:00:00"
    },
    {
      "_id":"2",
      "0":"2",
      "_exportid":"47",
      "1":"47",
      "sender_id":"0",
      "2":"0",
      "receiver_id":"0",
      "3":"0",
      "sender_address":"",
      "4":"",
      "receiver_address":"",
      "5":"",
      "price_in_btc":"2",
      "6":"2",
      "price_in_curr":"3",
      "7":"3",
      "status":"1",
      "8":"1",
      "account_id":"12",
      "9":"12",
      "date":"0000-00-00 00:00:00",
      "10":"0000-00-00 00:00:00"
    },
    {
      "_id":"3",
      "0":"3",
      "_exportid":"47",
      "1":"47",
      "sender_id":"46",
      "2":"46",
      "receiver_id":"47",
      "3":"47",
      "sender_address":"4504859484",
      "4":"4504859484",
      "receiver_address":"4584958459",
      "5":"4584958459",
      "price_in_btc":"0.01",
      "6":"0.01",
      "price_in_curr":"$200",
      "7":"$200",
      "status":"0",
      "8":"0",
      "account_id":"24524",
      "9":"24524",
      "date":"0000-00-00 00:00:00",
      "10":"0000-00-00 00:00:00"
    }
  ]
}
这是我的角度控制器：

app.controller('transCtrl', ['$scope', '$http', function ($scope, $http) {
  $http.get('http://localhost/bitty/class/v1/getransactions')
      .then(function (res) {
    var me = res.data.value;
    $scope.values = me;
    console.log($scope.values);
});
…下面是我如何使用我的
ng repeat
：

<tbody>
  <tr ng-repeat="val in values">
    <td><span class="tablesaw-cell-content">1</span></td>
    <td><span class="tablesaw-cell-content">{{val.sender_address}}</span></td>
    <td><span class="tablesaw-cell-content">{{val.receiver_address}}</span></td>
    <td><span class="tablesaw-cell-content">{{val.price_in_btc}}</span></td>
    <td><span class="tablesaw-cell-content">${{val.price_in_curr}}</span></td>
    <td><span class="tablesaw-cell-content">{{val.date}}</span></td>
  </tr>
</tbody>


1.
{{val.sender_address}
{{val.receiver_address}
{{val.price_in_btc}
${{val.price_in_curr}
{{val.date}
尝试此操作不会返回任何结果，我将非常感谢您的帮助。

Try
var me=JSON.parse（res.data.value）


或者
var me=JSON.parse（JSON.stringify（res.data.value））
首先确保基本信息、变量名、应用程序名、控制器名等，因为正如您所说的，如果要获取值，则应使用此代码打印

我刚把你的代码和数据放在这个垃圾桶里。
js

Html:-


<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@4.0.0" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp" ng-controller ="myCtrl">
    <h1>Hello Plunker!</h1>
    <table>
      <tbody>
         <tr ng-repeat="val in values">

            <td><span class="tablesaw-cell-content">1</span></td>
            <td><span class="tablesaw-cell-content">{{val.sender_address}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.receiver_address}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.price_in_btc}}</span></td>
            <td><span class="tablesaw-cell-content">${{val.price_in_curr}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.date}}</span></td>

       </tr>
      </tbody>
    </table>
  </body>

</html>




你好，普朗克！
1.
{{val.sender_address}
{{val.receiver_address}
{{val.price_in_btc}
${{val.price_in_curr}
{{val.date}


工作插销：-



高级文书主任。
发送者的地址
接受者地址
以BTC为单位的价格
货币价格
日期
1.
{{val.sender_address}
{{val.receiver_address}
{{val.price_in_btc}
{{val.price_in_curr}}
{{val.date}
var app=angular.module（'role'，[]）；
应用程序控制器（'fooController'，函数（$scope）{
$scope.data={
“sessiond”：“47”，
“价值”：[
{
“_id”：“1”，
"0":"1",
“_exportid”：“47”，
"1":"47",
“发件人id”：“0”，
"2":"0",
“接收方id”：“0”，
"3":"0",
“发件人地址”：“我的地址”，
"4":"",
“收件人地址”：“，
"5":"",
“btc中的价格”：“2”，
"6":"2",
“货币价格”：“3”，
"7":"3",
“状态”：“1”，
"8":"1",
“账户id”：“12”，
"9":"12",
“日期”：“0000-00-00:00:00”，
"10":"0000-00-00 00:00:00"
},
{
“_id”：“2”，
"0":"2",
“_exportid”：“47”，
"1":"47",
“发件人id”：“0”，
"2":"0",
“接收方id”：“0”，
"3":"0",
“发件人地址”：“我的地址”，
"4":"",
“收件人地址”：“我的收件人地址”，
"5":"",
“btc中的价格”：“2”，
"6":"2",
“货币价格”：“3”，
"7":"3",
“状态”：“1”，
"8":"1",
“账户id”：“12”，
"9":"12",
“日期”：“0000-00-00:00:00”，
"10":"0000-00-00 00:00:00"
},
{
“_id”：“3”，
"0":"3",
“_exportid”：“47”，
"1":"47",
“发件人id”：“46”，
"2":"46",
“接收方id”：“47”，
"3":"47",
“发件人地址”：“4504859484”，
"4":"4504859484",
“收件人地址”：“4584958459”，
"5":"4584958459",
“btc中的价格”：“0.01”，
"6":"0.01",
“货币价格”：“$200”，
"7":"$200",
“状态”：“0”，
"8":"0",
“账户id”：“24524”，
"9":"24524",
“日期”：“0000-00-00:00:00”，
"10":"0000-00-00 00:00:00"
}
]
}
$scope.dataValue=$scope.data.value；
});

console.log（$scope.values）的结果是什么？如satpal所述…确认您的$scope.values已将数据更改为
ng repeat=“val in values”>
至
ng repeat=“val in values.value”


<!DOCTYPE html>
<html>

  <head>
    <script data-require="angular.js@4.0.0" data-semver="4.0.0" src="https://code.angularjs.org/latest/angular.min.js"></script>
    <link rel="stylesheet" href="style.css" />
    <script src="script.js"></script>
  </head>

  <body ng-app="myApp" ng-controller ="myCtrl">
    <h1>Hello Plunker!</h1>
    <table>
      <tbody>
         <tr ng-repeat="val in values">

            <td><span class="tablesaw-cell-content">1</span></td>
            <td><span class="tablesaw-cell-content">{{val.sender_address}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.receiver_address}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.price_in_btc}}</span></td>
            <td><span class="tablesaw-cell-content">${{val.price_in_curr}}</span></td>
            <td><span class="tablesaw-cell-content">{{val.date}}</span></td>

       </tr>
      </tbody>
    </table>
  </body>

</html>