プロジェクトに使用する JS フレームワークを評価していますが、Angular と Ember の間で行き詰っています。Angular の評価を終える前に、S3 に保存された外部 json ファイルにデータをバインドする簡単な方法があるかどうかを知る必要があります。
私のユースケースは、定期的に S3 にライブで公開されるデータを使用してスコアボードを作成することです... 通常は 15 秒程度です。
現在、ローカル json ファイルのデータを使用して基本的なスコアボード ページを作成していますが、json ファイルが変更されたときに index.html のデータを更新する方法はありますか折り返し電話?
どんな助けでも大歓迎です。ありがとう!
// app.js
var App = angular.module('App', []);
App.controller('ScoreboardCtrl', function($scope, $http) {
$http.get('scoreboard.json')
.then(function(res){
// Storing the json data object as 'scores'
$scope.scores = res.data;
});
});
アイデアは、スコアを循環してスコアボードを作成することです。
<!doctype html>
<html ng-app="App" >
<head>
<meta charset="utf-8">
<title>LIVE</title>
<link rel="stylesheet" href="style.css">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.js"></script>
<script src="app.js"></script>
</head>
<body ng-controller="ScoreboardCtrl">
<ul>
<li ng-repeat="score in scores">
{{score.home_team_score}} - {{score.away_team_score}}
</li>
</ul>
</body>
</html>