AngularJS 动态改变 Drag 的大小

要实现 AngularJS 动态改变 Drag 的大小，可以使用 ng-style 指令来绑定一个对象来设置 Drag 元素的大小。这个对象可以根据用户的拖拽操作来动态改变。

首先，需要在 Drag 元素上添加一个 ng-style 指令，并将其绑定到一个对象上，例如：

<div class="drag" ng-style="dragStyle"></div>

然后，在控制器中定义 dragStyle 对象，并根据用户的拖拽操作来动态改变它的值。例如：

app.controller('DragController', function($scope) {
  $scope.dragStyle = {
    width: '100px',
    height: '100px'
  };
  
  $scope.onDrag = function(event) {
    $scope.dragStyle.width = event.clientX + 'px';
    $scope.dragStyle.height = event.clientY + 'px';
  };
});

在这个例子中，dragStyle 对象的初始值为一个固定的宽度和高度。然后，定义一个 onDrag 函数来处理用户的拖拽操作。当用户拖拽 Drag 元素时，onDrag 函数将根据鼠标的位置来动态改变 dragStyle 对象的值。

最后，需要在 Drag 元素上添加一个 ng-mousedown 指令来触发拖拽操作，并将它绑定到 onDrag 函数上。例如：

<div class="drag" ng-style="dragStyle" ng-mousedown="onDrag($event)"></div>

这样，当用户按下鼠标并拖拽 Drag 元素时，dragStyle 对象会根据鼠标位置动态改变，从而实现了 AngularJS 动态改变 Drag 的大小。