Pregunta ¿Es posible utilizar AngularUI jQuery PassThrough para el complemento WayPoints?


Iba a intentar escribir una directiva para este plugin jQuery WayPoints http://imakewebthings.com/jquery-waypoints/#documentation

Pero luego descubrí AngularUI con jQuery Passthrough que afirma ser compatible con el 75% de los complementos de jQuery. http://angular-ui.github.com/

¿Puede alguien escribir un ejemplo de cómo podría usar este complemento jQuery WayPoints en mi aplicación AngularJS?


5
2017-07-28 06:44


origen


Respuestas:


aquí es un violín que parece funcionar utilizando la Pasante de AngularUI jQuery con Waypoints. Las principales cosas a tener en cuenta son:

1) Incluya el script angular-ui.js (que es un compañero AngularJS bastante impresionante)

2) Agregar ['ui'] En el parámetro requiere al registrar el módulo.

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

3) Agregue una función en su controlador a la que desea llamar cuando se toque el punto de referencia

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

4) Configurar el ui-jq directiva pasando la función en el ui-options

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

13
2017-07-29 02:24



Para responder a la pregunta de Marco:

3) Agregue una función en su controlador a la que desea llamar cuando se toque el punto de referencia

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

4) Configurar el ui-jq directiva pasando la función en el ui-options

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

aquí Es un violín que muestra esto en acción.


4
2018-06-13 16:40