New to AngularJS. Following ui-scroll is not working. Appreciate any help.
https://plnkr.co/edit/PVCWRf1DaVtt4j7z15wx?p=preview
Trying implement simple ui-scroll without any jquery libraries. Below is sample code making it to work so that i can expand it to be implemented in app.
html
<!DOCTYPE html>
<html>
<head>
<title>Hospital</title>
</head>
<body>
<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.5.8/angular.js"></script>
<script src="scroll.js"></script>
<script src="ui-scroll.js"></script>
<link rel="stylesheet" type="text/css" href="scroll.css">
<div ng-app="scrollerTestApp" ng-controller="ScrollerController">
<div ui-scroll="movie in movieDataSource">
<h2>{{ movie.description }}</h2>
</div>
</div>
</body>
</html>
scroll.js
var appModule = angular.module('scrollerTestApp', ['ui.scroll'])
.controller('ScrollerController', ['$scope', function($scope) {
$scope.movieDataSource = {
get: function(index, count, callback) {
var i, items = [],
item;
var min = 1;
var max = 100;
for (i = index; i < index + count; i++) {
if (i < min || i > max) {
continue;
}
item = {
description: "Item : " + i,
imageURL: "http://placehold.it/96x96&text=" + i
};
items.push(item);
}
callback(items);
}
}
}]);
Since
angular-ui-scrollv1.6.0 theui.scroll.jqlitemodule was deprecated. All necessary instructions had been incapsulated intoui.scrollmodule. So, the best solution would be to upgrade theangular-ui-scrolldependency.If you are using
angular-ui-scrollbefore v1.6.0, you should addui.scroll.jqlitemodule to the App explicitly:Also, it means that
ui-scroll-jqlite[.min].jsshould be added to your scripts/build beforeui-scroll[.min].js.