Вывод массива в AngularJS

Средствами AngularJS можно выводить массивы данных, полученных в Javascript коде. Так, можно динамически генерировать таблицы данных.
Рассмотрим циклический вывод массива средствами AngularJS.
Для примера – таблица из 5 снукеристов, сделавших сотенную серию (Century). Массив для таблицы формируется в Javascript, вывод – в html-коде.
Код Javascript:
1 2 3 4 5 6 7 8 9 10 11 12 |
var myApp = angular.module("photoGallery", []); myApp.controller("snookerPlayersList", function ($scope) { var snookerPlayers = [ { place: 1, name: "Ронни О'Салливан", centuries: 820 }, { place: 2, name: "Стивен Хендри", centuries:775}, { place: 3, name: "Джон Хиггинс", centuries:603}, { place: 4, name: "Нил Робертсон", centuries:421}, { place: 5, name: "Дин Джуньху", centuries:385} ]; $scope.snookerPlayers = snookerPlayers; }); |
Html-код страницы:
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 |
<div ng-controller="snookerPlayersList"> <table border="1"> <thead> <tr> <th>Место</th> <th>Имя</th> <th>Количество Century</th> </tr> </thead> <tr ng-repeat="snookerPlayer in snookerPlayers"> <td>{{snookerPlayer.place}}</td> <td>{{snookerPlayer.name}}</td> <td>{{snookerPlayer.centuries}}</td> </tr> </table> </div> |
Комментариев нет »
No comments yet.
RSS feed for comments on this post. TrackBack URL
Leave a comment
Популярное за месяц
- Excel. Как сделать выбор значения ячейки из списка
- Правила оформления текстовых документов по ГОСТ 7.32 - 2001
- Windows 8.1 – не меняется яркость экрана. Решение проблемы
- Как под рисунком сделать надпись в Word
- Изменить формат ссылок R1C1 в Excel
- Настроить автоматическую сортировку писем по папкам в Outlook
- Удалить ненужные профили в Xbox 360
- Условия в PowerShell
- Как записать диск с MP3 программой Nero Burning Rom
- Подключение мыши CBR CM530Bt к компьютеру
Новое на сайте
- Разрезать клип на части в Vegas Pro
- Разрешить воспроизведение видео MP4 на сайте
- Не отправляются сообщения при нажатии Enter в веб-версии WhatsApp в Chrome
- Не запрашивать пароль после отключения экрана в Windows 10
- Программа для склеивания видео MP4Joiner
- Не открывается крышка бензобака в Opel Antara
- Офигенные стекла для Honor 8 Lite на AliExpress
- Запросы для обновления базы данных WordPress при изменении адреса сайта
- Программы для контроля и ограничения использования телефона ребенка
- Запретить запуск приложений Windows
Популярное за 24 часа
- Excel. Как сделать выбор значения ячейки из списка
- Настроить автоматическую сортировку писем по папкам в Outlook
- Как под рисунком сделать надпись в Word
- Windows 8.1 – не меняется яркость экрана. Решение проблемы
- Удалить ненужные профили в Xbox 360
- Правила оформления текстовых документов по ГОСТ 7.32 - 2001
- Условия в PowerShell
- Подключение мыши CBR CM530Bt к компьютеру
- Изменение кодировки сохраняемых файлов в Visual Studio Code
- Рекомендации по созданию хорошей подписи в электронной почте