Ionic 上的图像缩放问题

威平

我正在尝试在 Ionic 应用程序中实现图像缩放。这里已经实现

并在使用 Ionic V 1.0.0 创建的原始项目上完美运行,但在 Ionic V 1.3.0 中似乎效果不佳。

在 V 1.1.0 这个

($ionicScrollDelegate.$getByHandle('scrollHandle' + slide).getScrollPosition())

记录这样的 json

{"left":0,"top":0,"zoom":1}

但是在 V 1.3.0 中它记录为

不明确的

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

句柄“scrollHandle0”的委托找不到具有 delegate-handle="scrollHandle0" 的对应元素!没有调用 getScrollPosition()!可能的原因:如果您立即调用 getScrollPosition(),并且带有 delegate-handle="scrollHandle0" 的元素是控制器的子元素,则您的元素可能尚未编译。在您对 getScrollPosition() 的调用周围放置 $timeout 并重试。

这仍然适用于设备(​​在 iOS 和 Android 上均已测试),但根本不流畅。它非常滞后。任何想法或解决方法?

威平

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

委托句柄="scrollHandle{{$index}}"

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

委托句柄=“滚动句柄”

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

委托句柄="scrollHandle0"

在其他情况下用例可能会有所不同,但如果使用 ng-repeat 这将起作用

委托句柄="scrollHandle{{$index}}"

如果不是,这应该可以解决问题

委托句柄="scrollHandle0"

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章