@kirill0962

Как сделать произвольный вывод данных json в html при каждой загрузке страницы?

Не могу понять как заставить выводить произвольно из 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"
  }
]
  • Вопрос задан
  • 93 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы