无法使用离子花式选择指令调用角度控制器中存在的离子无限滚动方法

时间:2016-02-16 15:16:44

标签: angularjs ionic-framework

我正在使用Ionic多选指令,我想做分页。所以,我使用了离子无限卷轴。我在花式选择指令中添加了ion-infinte-scroll。但是,当我向下滚动控制器中存在的方法时,没有被调用。

在花哨的select指令中添加了以下代码。 在花哨的select directive.js(第115和116行)

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

在script.js

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

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

1 个答案:

答案 0 :(得分:2)

我纠正了你的指令中的一些错误,例如这行没有了:

 modalScope.scrollMethod = scrollMethod;

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

scrollMethod = attrs.scrollMethod,

除了在HTML中,属性必须是scroll-method:JS端的camelCase,HTML端的破折号分隔符。

然后scrollMethod()函数必须在模式范围内而不是在控制器中,或者你可以从父控制器继承模态范围(但不是你的模态服务的情况)。另一种可能性是将方法添加到$rootScope

这是一个更新的plunker:

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