Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery.min.js"></script>
<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.14/angular.min.js"></script>
​
  <meta charset="utf-8">
  <title>JS Bin</title>
</head>
<body ng-app="app">
  <div ng-controller="firstCtrl">
    <p ng-repeat="(key, item) in data.leagues.aLeague.matchs">Guest Player :{{item.guest_player}}<br/>
    Host Player :{{item.host_player}}</p>
    
    
  
      </div>
</body>
</html>
 
var app = angular.module('app', []);
​
app.controller('firstCtrl', function($scope){
    $scope.data = {
      "leagues": {
        "aLeague": {
          "country": "aCountry",
          "matchs": {
            "aUniqueID1": {
              "date": "2014-09-07 13:00:00",
              "guest_player": "Me",
              "host_player": "Tom",
              "odds": {
                "guest": "2.80",
                "host": "2.25",
                "null": "2.85"
              },
              "score": "0 - 0"
            },
            "aUniqueID2": {
              "date": "2014-09-07 18:30:00",
              "guest_player": "Bryan",
              "host_player": "Me",
              "odds": {
                "guest": "3.25",
                "host": "1.98",
                "null": "2.95"
              },
              "score": "0 - 0"
            }
          }
        }
      }
    };
           
           
});
​
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
zieemerpro
0viewers