我试图在可滚动的 AngularJS View 中使用 Waypoints,但它不起作用。我正在尝试使用 ui.utils jQuery Passthrough 但没有任何反应。这是我到目前为止所拥有的:
<body>
<div id="wrapper">
<div id="nav-menu">
<...>
</div>
<div id="main" class="main">
<div ng-view></div>
</div>
</div>
</body>
我正在使用以下 View 模板:
<div class="fullScreenImage"></div>
<div ui-jq="waypoint" ui-options="test">test</div>
我的 Controller 看起来像这样:
app.controller('myController', ['$scope',
function ($scope) {
$scope.test = function(){
alert('You have scrolled to an entry.');
}}]);
我的main元素是可滚动的,但窗口不是。将直通设置为主 div 将触发测试函数,但我需要它在模板内。有什么建议吗?
最佳答案
提供 JSFiddle 或 plunkr 会很有帮助。
但我认为问题是因为模板位于 ngView
内部。
由于模板的内容通过 XHR 放置在 ngView
内,因此需要刷新路径点,如链接 http://imakewebthings.com/jquery-waypoints/#doc-refresh 中所述。
恕我直言,Angular 指令会更有效。
关于javascript - 在 AngularJS View 中使用 Waypoints.js,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23094706/