Question

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

但后来发现了使用jQuery Passthrough的AngularUI，声称支持75％的jQuery插件。 http://angular-ui.github.com/

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

Answer 1

Here是一个小提琴，似乎可以使用带有Waypoints的AngularUI jQuery Passthrough。需要注意的主要事项是：

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

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

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">

Here显示了这一点

可以为WayPoints插件使用Angular UI jQuery Pass Through吗？

2 个答案: