2016-12-04 7 views
-1

私は、ExpressJS/nodeJSで書かれたサーバを使ってSteamのWeb APIからいくつかのJSON形式のテキストを取得できました。このJSONは変数に格納されます。ExpressJSが角型に変数を渡す

私がここでやろうとしているのは、基本的に変数に格納されているJSONを取り出し、それをAngularに送り、そのデータをページに表示することです。

私のコンソールには、ページの生のHTMLが表示されます。

紛失しているものがありますか?

マイノード:マイ角度

app.get('/steam.html', function(req, res){ 
    request.get(steam_api, function(error, steamResponse, steamBody) { 

    var steamList = JSON.parse(steamBody); 
    gameList = steamList["applist"]["apps"]; 

    res.json({gl: gameList}); 

    }); 
}); 

$http.get('steam.html').success(function(data){ 
    $scope.gameList = data; 
    console.log(data); 
    }); 

マイsteam.html

<body ng-app="gameSearch" ng-controller="gameSearchController"> 
    <p>{{title}}</p> 
    <ul ng-repeat="steam in gameList track by $index"> 
     <li>{{steam.name}}</li> 
    </ul> 
</body> 

編集:それはここに役立ちます私は見ています何のスクリーンショットだ場合。あなたが見るように、私は各ゲームの名前ではなく、弾丸の束を元に戻しています。

Express JS passes bullet points

編集2:私は、わかりやすくするために追加すべきもう一つは、私が(https://codepen.io/johnchristopherjones/post/how-do-i-use-the-steam-api-in-my-web-app)以下に示すようにcodepenから、私はブログ投稿にあるいくつかのnodeJSコードを使用していることである:

app.get('/steam/game/:appid/achievements', function(httpRequest, httpResponse) { 
    // Calculate the Steam API URL we want to use 
    var url = 'http://api.steampowered.com/ISteamUserStats/GetSchemaForGame/' + 
     'v2/?key=YOURSTEAMAPIKEYHERE&appid=' + 
     httpRequest.params.appid; 
    request.get(url, function(error, steamHttpResponse, steamHttpBody) { 
     httpResponse.setHeader('Content-Type', 'application/json'); 
     httpResponse.send(steamHttpBody); 
    }); 
}); 
+0

コードスニペットにhttps://jsfiddle.net/を提供できますか。 –

+0

ここに行く:https://jsfiddle.net/ujo8k80e/私のノードに示されているようなsteam_apiは、私のSteam Web API Keyを含むSteam API呼び出しへのリンクであることを言及する必要があります。 –

+0

更新:私のHTMLで、liタグの内容を '

  • {{steam}}
  • 'に変更した場合、各箇条書きの点は自分のHTMLの各文字を表示します。そのような$ scope.gameListはどうにかなります私のJSONの代わりにsteam.htmlの生のHTML(NodeJS/expressJSサーバの変数に格納されています)。imgurのスクリーンショットです:http://i.imgur.com/jbnJMYQ.jpg –

    答えて

    0

    ありますとおりしばらくの間この質問の更新はありませんでした。私のノードでは、Steam Web APIからJSONを取得し、JSONファイルに保存しました。

    Angularでは、そのJSONファイルで$ http.getを実行してから、ng-hrefディレクティブを使用してリンクを構築しました。

    関連する問題