5

この jQuery WayPoints プラグインhttp://imakewebthings.com/jquery-waypoints/#documentationのディレクティブを書き込もうとしました

しかしその後、jQuery プラグインの 75% をサポートすると主張する jQuery パススルーを備えた AngularUI を発見しました。 http://angular-ui.github.com/

AngularJS アプリでこの jQuery WayPoints プラグインを使用する方法の例を誰か書いてもらえますか?

4

2 に答える 2

13

これは、ウェイポイントでAngularUIjQueryパススルーを使用して機能しているように見えるフィドルです。注意すべき主な点は次のとおりです。

1）angular-ui.jsスクリプトを含めます（これは非常に素晴らしいAngularJSコンパニオンです！）

['ui']2）モジュールを登録するときにrequiresパラメータを追加します

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

3）ウェイポイントに到達したときに呼び出す関数をコントローラーに追加します

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

ui-jq4）関数をに渡すディレクティブを設定しますui-options

<div ui-jq="waypoint" ui-options="test">
于 2012-07-29T02:24:17.197 に答える