私は、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);
});
});
コードスニペットにhttps://jsfiddle.net/を提供できますか。 –
ここに行く:https://jsfiddle.net/ujo8k80e/私のノードに示されているようなsteam_apiは、私のSteam Web API Keyを含むSteam API呼び出しへのリンクであることを言及する必要があります。 –
更新:私のHTMLで、liタグの内容を '