jquery - 可以使用 AngularUI jQuery PassThrough 作为 WayPoints 插件吗？

Question

我打算尝试为这个 jQuery WayPoints 插件编写一个指令 http://imakewebthings.com/jquery-waypoints/#documentation

但后来发现了带有 jQ​​uery Passthrough 的 AngularUI，它声称支持 75% 的 jQuery 插件。 http://angular-ui.github.com/

有人可以写一个例子来说明如何在我的 AngularJS 应用程序中使用这个 jQuery WayPoints 插件吗？

Answer 1

Here是一个 fiddle ，似乎可以使用 AngularUI jQuery Passthrough 和 Waypoints 来工作。主要需要注意的是:

1) 包含 angular-ui.js 脚本(这是一个非常棒的 AngularJS 伴侣!)

2)注册模块时在requires参数中添加['ui']

angular.module('waypoints', ['ui']);

3) 在 Controller 中添加一个您想要在到达航路点时调用的函数

function WaypointsController($scope) {
    $scope.test = function(){
        alert('you have scrolled');
    }
}​

4) 设置将函数传递到 ui-options 的 ui-jq 指令

<div ui-jq="waypoint" ui-options="test">