Javascript 对AngularJS中的同一HTML标记应用多个自定义指令

如何使用AngularJS将多个自定义指令分配给同一个标记

我的代码大致如下：

<div id="fixed" when-scrolled-up="loadMoreUp()" when-scrolled-down="loadMoreDown()">
  <ul>
    <li ng-repeat="i in items">{{i.id}}</li>
  </ul>  
</div>

我已将完整的代码粘贴到此处：

---

这段代码应该实现一个反向无限滚动。我在这里做错了什么？

您的示例的问题是您执行了两次模块代码：

// create a new module 'scroll' ...
// and add a directive 'whenScrolledDown'
angular.module('scroll', []).directive('whenScrolledDown', ...)

// create a new module 'scroll' ...
// and add a directive 'whenScrolledUp'
angular.module('scroll', []).directive('whenScrolledUp', ...)

自模块清除后，WhenScrolled Down的第一条指令不再存在。将另一个指令添加到同一模块的正确方法是：

// without the second parameter
angular.module('scroll').directive('whenScrolledUp', ...)

// or
var module = angular.module('scroll', [])

module.directive('whenScrolledDown', ...)
module.directive('whenScrolledUp', ...)

// without the second parameter
angular.module('scroll').directive('whenScrolledUp', ...)

// or
var module = angular.module('scroll', [])

module.directive('whenScrolledDown', ...)
module.directive('whenScrolledUp', ...)