在控制器中使用 Angular Waypoints

Question

我正在尝试使用 https://github.com/zumba/angular-waypoints 在我的一个离子项目中。

我有自述文件中提到的代码设置。

这里是模板sn-p

<div zum-waypoint="waypoints"
 down="flags.on"
 up="flags.off"
    ng-show="shown()" style="opacity:{{opacity}}; ... </div>

文档没有说明如何在控制器中使用 waypoints.flag.on 值。

上面的模板是自定义指令的一部分 - 在我的指令的控制器中，我尝试过这样做：

    $scope.waypoints = {}
    $scope.waypoints.flags = {}

    $scope.$watch('waypoints.flags', function() {
        console.log("Flag on changed to "+JSON.stringify($scope.waypoints) + " for card = "+$scope.id)
        if ($scope.waypoints.flags.on){
            alert("Mark notification as Read for "+$scope.id)
            console.log("up changed" + $scope.waypoints.flags.on + " for id = "+$scope.id)
        }

        if ($scope.waypoints.flags.off){
            alert("2 Mark notification as Read for "+$scope.id)
            console.log("down changed " + $scope.waypoints.flags.off + " for id = "+$scope.id)
        }
    })

但这永远不会被回调。

但是，如果我在我的模板中使用：

{{waypoints.flags.on}} // {{waypoints.flags.off}}

它们显示为 true // false ，尽管在一个摘要循环之后。

请告诉我在控制器中使用航点标志的正确方法是什么。

谢谢。

Answer 1

这就是我所做的：自定义指令。它不需要 zumba 的 angular-waypoints，只需要 jQuery waypoints。

app.directive('waypoint',function(){
  return {
    link: function(scope, $this, attrs) {
      $this.waypoint({
        handler: function() {
          scope.$parent.last = scope.post.id;
          scope.$parent.$apply();
        }
      })
    }
  }
});