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

Question

I am working on single page application, which is implementing based on Angular JS, JavaScript, JSON. I am calling one API then I am getting response and this response I want pass as a parameter in function call. I am sharing my code:

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

When I click on anchor tag then sendDataPost function is call and comes into the function definition($scope.sendDataPost). only [object Object] is showing in console. I am not able to pass JSON Data as a parameter. I have seen one link but still I am not able to do because in this link using onclick, but I am using ng-click. How to pass a json object in js funcion as a function parameter?

I am sharing my sample URL.
JSON SAMPLE URL .

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

I editing my question. I solve when I am parsing the data in parameter, It is breaking. I am sharing screen shot

sendDataPost parameter is breaking in console and breaking html page. All json data display in HTML page. How can I pass the response data successfully with function parameter.

Answer 1

Why not you try to holding value in scope variable this below?

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

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

in HTML

ng-click="sendDataPost(result)"