angularjs - 无法使用 ionic 花式选择指令调用 Angular Controller 中存在的 ionic 无限滚动方法

Question

我正在使用 Ionic 多选指令，我想做分页。所以，我使用了 ionic 无限滚动。我在花哨的选择指令中添加了 ion-infinte-scroll。但是，当我向下滚动 Controller 中存在的方法时，没有被调用。

在花哨的选择指令中添加了以下代码。
在花哨的 select directive.js (line no 115 and 116)

<ion-infinite-scroll immediate-check="false"
  on-infinite="scrollDown()" distance="5%"></ion-infinite-scroll>

在 script.js 中

$scope.scrollDown = function(){
   console.log('function triggered'); 
} 

我为此创建了一个 plunker https://plnkr.co/edit/ZlhZOZVcDGuIxRyEtCfv?p=preview .请帮助我度过难关。

Answer 1

我更正了您的指令中的一些错误，例如缺少这一行:

 modalScope.scrollMethod = scrollMethod;

并且在检索 scrollMethod 属性时出现了另一个错误:

scrollMethod = attrs.scrollMethod,

除了在 HTML 中，该属性必须是 scroll-method : 在 JS 端使用驼峰命名法，在 HTML 端使用短划线分隔符。

然后是 scrollMethod()函数必须在模态范围内而不是在 Controller 中，或者您可以从父 Controller 继承模态范围(但您的模态服务不是这种情况)。另一种可能是将方法添加到 $rootScope .

这是一个更新的plunker:

https://plnkr.co/edit/3CK1wUEQustmkEPoJBqG?p=preview