如何在javascript中使用函数参数成功传递响应数据？

Question

我正在开发基于Angular JS，JavaScript，JSON的单页面应用程序。我正在调用一个API，然后我得到响应，这个响应我想在函数调用中作为参数传递。我正在分享我的代码：

abc.JS

 Rh.get('------API URL----').then(function(response){    
    var data=response; 
          var item = '<a class="btn btn-xs" ng-click="sendDataPost('+"'"+JSON.stringify(data)+"'"+')" >'   
           '</a>'
    })

 $scope.sendDataPost = function (data) {
    alert("--");     
    console.log(data);
}

当我点击锚标签时，sendDataPost函数被调用并进入函数定义（$ scope.sendDataPost）。只有[object Object]在控制台中显示。我无法将JSON数据作为参数传递。我看过一个链接，但我仍然无法做到，因为在此链接中使用onclick，但我使用的是ng-click。 How to pass a json object in js funcion as a function parameter?

我正在分享我的示例网址。
JSON SAMPLE URL 。

  

http://www.json-generator.com/api/json/get/cgwLpLgbyq?indent=2

我正在编辑我的问题。我在解析参数中的数据时解决了，它正在破碎。 我正在分享屏幕截图

sendDataPost参数在控制台中破坏并破坏了html页面。所有json数据都显示在HTML页面中。如何使用函数参数成功传递响应数据。

Answer 1

为什么不尝试在下面的范围变量中保留值？

$scope.result = [];
Rh.get('------API URL----').then(function(response){    
    $scope.result = response;
})

$scope.sendDataPost = function (data) {    
    console.log(data);
}

HTML中的

ng-click="sendDataPost(result)"