Как "перечитать" данные контроллера
Пытаюсь представить решение вроде бы простой задачи...
У меня в БД есть табличка (допустим имен) в которой достаточно много записей. Все их точно нет смысла качать разом... Поэтому нужно сделать страничку с листанием тех данных. Вот пример такой порции <!DOCTYPE html> <html ng-app> <head> <script src="http://code.angularjs.org/1.1.4/angular.min.js"></script> <!-- <script src='http://code.jquery.com/jquery-latest.js'></script> <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> .box { border: 1px solid; } </style> <script type='text/javascript'> function ListCtrl($scope) { $scope.names = ['Igor', 'Misko', 'Vojta']; }; </script> </head> <body> <button>Up</button> <div ng-controller="ListCtrl" class='box'> <ol> <li ng-repeat="name in names">{{name}}</li> </ol> </div> <button>Down</button> </body> </html> Для демонстрации контроллер поместил прямиком в страницу. Но "в жизни" это отдельный файл, который генерится серверным языком... Вопрос в следующем: Как, нажимая на кнопки навигации, перечитать данные контроллера? Т.е. прочитать очередную порцию данных из моей БД? |
|
Цитата:
Т.е. я пока даже примеров реализации этого не нашел... :( Я только в стадии чтения этого сайта... :) На моем примере это как-то можно продемонстрировать? |
читай доку, смотри примеры
function ListCtrl($scope, $http) { $http.post('/', {}).success(function(response) { $scope.names = response; }); }; |
nerv_, вроде понял... :yes: Вот пример сварганил. :)
<!DOCTYPE html> <html ng-app> <head> <script src="http://code.angularjs.org/1.1.4/angular.min.js"></script> <!-- <script src='http://code.jquery.com/jquery-latest.js'></script> <link rel='stylesheet type=text/css href=tmp.css' /> --> <style type='text/css'> .box { border: 1px solid; } </style> <script type='text/javascript'> function ListCtrl($scope) { $scope.up = function() { // тут делаем запрос серверу $scope.names = ['Vasya', 'Petya', 'Kolya']; }; $scope.dn = function() { // тут делаем запрос серверу $scope.names = ['Vera', 'Nadegda', 'Ira']; }; $scope.names = ['Igor', 'Misko', 'Vojta']; }; </script> </head> <body ng-controller="ListCtrl"> <button ng-click='up()'>Up</button> <div class='box'> <ol> <li ng-repeat="name in names">{{name}}</li> </ol> </div> <button ng-click='dn()'>Down</button> </body> </html> |
Часовой пояс GMT +3, время: 19:49. |