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

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

这是一个使用 AngularUI jQuery Passthrough 和 Waypoints 的小提琴。主要需要注意的是：

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

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

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

3）在你的控制器中添加一个你想在航点被击中时调用的函数

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

4) 设置ui-jq将函数传递给ui-options

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

Answer 2

回答 Marco 的问题：

3）在你的控制器中添加一个你想在航点被击中时调用的函数

function WaypointsController($scope) {
    $scope.test = function(direction){
        alert('you have scrolled ' + direction);
    };
    $scope.optionsObj = {
        offset: 50
        //additional options
    };
}​

4) 设置ui-jq将函数传递给ui-options

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

这是一个显示此操作的小提琴