how to resize different div's on drag? in ionic anjular js

Question

I am creating an ionic app that will look like below image. there will be three div's that will re-size themselves when the red circle is dragged on screen. all div will resize according to the placement of that red circle.

Concept image

的纯CSS标签

Answer 1

我不知道你的实际模板，但这可能是一个起点：

template.html - 您的观点

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

template.js - 你的控制器

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

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