2017-11-14 25 views
0

私はAngular JS、JavaScript、JSONに基づいて実装している単一ページアプリケーションに取り組んでいます。私は1つのAPIを呼び出していますが、応答を得ています。この応答は、関数呼び出しでパラメータとして渡したいものです。私はアンカータグをクリックすると、その後sendDataPost機能がコールされると、関数定義($ scope.sendDataPost)に入ってくるjavascriptの関数パラメータで応答データを正常に渡すにはどうすればよいですか?

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

:私は私のコードを共有しています。 [object Object]のみがコンソールに表示されます。 JSONデータをパラメータとして渡すことができません。私は1つのリンクを見ましたが、まだonclickを使っているこのリンクでは、ng-clickを使用しているので、私はできません。 How to pass a json object in js funcion as a function parameter?


私は私のサンプルのURLを共有しています。
JSONサンプルURL

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

私は私の質問を編集。私はパラメータでデータを解析しているときに解決します、それは壊れています。私は、画面を共有していますがsendDataPostパラメータがコンソールに破壊し、htmlページを破っている
enter image description here

を撃ちました。すべてのjsonデータがHTMLページに表示されます。どのように関数のパラメータで応答データを正常に渡すことができます。

+2

あなたは、これは、コントローラでHTMLを作成する完全に間違ったアプローチである 'JSON.stringify()'と 'JSON.parse()' –

+1

を使用することができます。スコープのプロパティに応答を割り当て、ビュー内で角度テンプレートを使用 – charlietfl

+0

私は両方を使用しましたが、動作しません。予期しないトークンoのエラーを返す –

答えて

0

なぜスコープ変数の値をこの下に保持しようとしませんか?

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

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

ng-click="sendDataPost(result)" 
関連する問題