Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 10.11.2014, 11:09
Новичок на форуме
Отправить личное сообщение для ProbablyNot Посмотреть профиль Найти все сообщения от ProbablyNot
 
Регистрация: 20.07.2014
Сообщений: 4

Как организовать infinite scroll на AngularJs?
Как сделать так, чтобы при прокрутке до низа страницы Ангуляр получал данные с удаленного сервера? У меня получилось сделать только на кнопку.

var app = angular.module('myApp', []);

  app.config(function($httpProvider) {
      //Enable cross domain calls
      $httpProvider.defaults.useXDomain = true;

      //Remove the header used to identify ajax call  that would prevent CORS from working
      delete $httpProvider.defaults.headers.common['X-Requested-With'];
  });



var apiKey = 'YOUR_KEY',
    nprUrl = "http://maps.yandex.ru/services/search/1.x/search.json?lang=ru-RU&origin=maps-pager",
    textRequest = "купить квартиру в Москве",
    skipResult = 10;
  var that = this;



app.controller('MainCtrl', function($scope, $http) {
      $scope.maxResult = 100;
      $scope.counter = 0;
      $scope.textRequest = "купить квартиру в Москве"

      $scope.get = function() {
      $http.jsonp(nprUrl + "&text=" +$scope.textRequest + "&results=" +$scope.maxResult+ "&skip="+skipResult+  "&callback=JSON_CALLBACK")
      .success(function(result) {
          console.log("Success", result);

           console.log(result.features);
          $scope.result = result;
          $scope.features = result.features;
      });
    };


    $(window).scroll(function(){
          if ($(document).height() - $(window).height() <= $(window).scrollTop() + 50) {
             that.scrollPosition = $(window).scrollTop();
          }
          console.log(that.scrollPosition);
              $scope.get = function() {
                $http.jsonp(nprUrl + "&text=" +$scope.textRequest + "&results=" +$scope.maxResult+ "&skip="+skipResult+  "&callback=JSON_CALLBACK")
                .success(function(result) {
                    console.log("Success", result);

                     console.log(result.features);
                    $scope.result = result;
                    $scope.features = result.features;
                });
              };
    });
});
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Открытие div блока при первом визите на сайт Nushaba Общие вопросы Javascript 28 20.12.2013 21:24
Как организовать RichEdit arma Элементы интерфейса 2 18.02.2010 14:57
О наследовании событий, или как корректно его отменить. JCShen Events/DOM/Window 8 09.02.2010 00:00
Как правильно послать XML в POST запросе LowCoder AJAX и COMET 10 15.07.2009 23:20
lightbox галлерея + комменты - как организовать? linderox Элементы интерфейса 0 02.06.2009 13:50