AngularJS ui-滚动不工作(无法设置属性'overflowY‘的未定义)
对AngularJS来说是新手。下面的ui-滚动不工作。感谢你的帮助。
https://plnkr.co/edit/PVCWRf1DaVtt4j7z15wx?p=preview
尝试实现没有任何jquery库的简单ui滚动。下面是使其工作的示例代码，以便我可以扩展它以在应用程序中实现。
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);
}
}
}]);回答 2
Stack Overflow用户
发布于 2016-11-16 22:52:07
你的问题是你缺乏ui-scroll-jqlite。
根据文件：
文件dist/ui-滚动-jqlite.js包含上述方法的实现，并且还必须加载到页面中。请注意，这些方法是在一个单独的模块'ui.scroll.jqlite‘中实现的，并且这个名称也应该包括在主模块的依赖列表中。
也就是说，我让你的普朗克编辑了。
希望它有帮助;)
Stack Overflow用户
发布于 2017-12-11 21:21:56
由于angular-ui-scroll v1.6.0，因此不推荐ui.scroll.jqlite模块。所有必要的指令已被封装到ui.scroll模块中。因此，最好的解决方案是升级angular-ui-scroll依赖项。
如果在v1.6.0之前使用angular-ui-scroll，则应该显式地将ui.scroll.jqlite模块添加到应用程序中：
angular.module('scrollerTestApp', ['ui.scroll.jqlite', 'ui.scroll'])此外，这意味着ui-scroll-jqlite[.min].js应该在ui-scroll[.min].js之前添加到脚本/构建中。
https://stackoverflow.com/questions/40426367
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号