-
Notifications
You must be signed in to change notification settings - Fork 8
Home
juanxme edited this page Oct 27, 2014
·
1 revision
- Download angular-whenScrolled.js
- Include the script tag on your page
<script type='text/javascript' src='path/to/angular-whenScrolled.js'></script> - Ensure that your application module specifies angular-whenScrolled as a dependency:
angular.module('myApplication', ['angular-whenScrolled']); - Use the directive by specifying an whenScrolled attribute on an element.
angular.controller("demo", function ($scope, $http) {
$scope.users = [];
$scope.loading = true;
$scope.more = function () {
$http.get("/app/js/models/users.json").success(function (data) {
for (user in data.users) {
$scope.users.push(user);
}
$scope.loading = false;
});
};
$scope.more();
});
<div ng-controller='demo'>
<ANY when-scrolled="more()" >
</ANY>
<div ng-show='loading'>Loading Data ...</div>
<div>