Ionic上的图像缩放问题

时间:2016-06-04 09:01:23

标签: ionic-framework

我正在尝试在Ionic app中实现图像缩放。 它已经实施here

并且在使用Ionic V 1.0.0创建的原始项目上完美运行,但在Ionic V 1.3.0中看起来并没有那么好用。

在V 1.1.0上这个

  

($ ionicScrollDelegate。$ getByHandle(' scrollHandle' +   滑动).getScrollPosition())

记录像这样的json

  

{"左":0,"顶部":0,"变焦":1}

但是在V 1.3.0中它将其记录为

  

未定义

同样在Chrome上,它会显示如下警告:

  

代表句柄" scrollHandle0"找不到对应的   具有delegate-handle的元素=" scrollHandle0"! getScrollPosition()是   不叫!可能的原因:如果您正在调用getScrollPosition()   立即,你的元素与delegate-handle =" scrollHandle0"是   你的控制器的一个孩子,那么你的元素可能还没有被编译。   在调用getScrollPosition()时调用$ timeout,然后重试。

这仍然适用于设备(​​在iOS和Android上都经过测试)但根本不流畅。这是非常迟钝的。 有任何想法或解决方法吗?

1 个答案:

答案 0 :(得分:0)

所以这个问题与我在经过更多调试后意识到的Ionic版本无关。这是由于

  

委托柄= “scrollHandle {{$索引}}”

在我的用例中,我没有使用ng-repeat,所以使用

  

委托柄= “scrollHandle”

但这不起作用并导致上述问题。所以修复是将0添加为索引。在我的情况下,这解决了它。

  

委托柄= “scrollHandle0”

在其他情况下,用例可能会有所不同,但如果使用ng-repeat,则可以使用

  

委托柄= “scrollHandle {{$索引}}”

如果没有,这应该成功

  

委托柄= “scrollHandle0”