如何在拖动时调整不同div的大小?在离子型 Anjular JS中



我正在创建一个看起来像下图的离子应用程序。 当红色圆圈在屏幕上拖动时,将有三个div 会重新调整自己的大小。 所有div 将根据该红色圆圈的位置调整大小。

概念图片

我不知道

您的实际模板,但这可能是一个起点:

模板.html - 您的视图

...
<ion-content on-drag="resize()"></ion-content>
...

模板.js - 您的控制器

...
$scope.resize = function() {
    $ionicScrollDelegate.resize();
}
...

不要忘记将$ionicScrollDelegate服务注入控制器依赖项...

最新更新