Не могу понять как заставить выводить произвольно из json данные при загрузке страницы где написано doc при каждой загрузке страницы менялось значении в html .
javascript
<script>
var CupApp = angular.module('CupApp', []);
CupApp.controller('CupCtrl', function ($scope, $http){
$http.get('cup.json').success(function(data) {
$scope.cups = data;
});
});
</script>
html код
<!doctype html>
<html ng-app="CupApp">
<head>
<meta charset="utf-8">
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.4.7/angular.min.js"></script>
</head>
<body ng-controller="CupCtrl">
</div>
<div id="Html1">
<h2></h2>
<table class="table table-striped">
<tr>
<tr ng-repeat="cup in cups | orderBy: 'code' | filter:{ doc:'top' }">
<td>{{cup.doc}}</td>
</tr>
</table>
json
[
{
"doc" : "top2"
},
{
"doc" : "sob1"
},
{
"doc" : "old33"
},
{
"doc" : "old23"
},
{
"doc" : "sob43"
}
]