angulaire.js - contrôle redimensionnable angulairejs

Question

Comment mettre en œuvre ce genre de contrôle ? Cela semble très compliqué de l'écrire soi-même, et on trouve très peu d'informations sur Internet.
Il est nécessaire que lorsque p change de taille, il puisse être lié à l'objet $scope.styles d'un contrôleur dans angulairejs. L'objet styles a cinq propriétés : largeur, hauteur, gauche, haut et rotation.

Answer 1

Réussi

var p = angular.element(document.querySelector('#p'))
console.debug(p[0].offsetHeight）

peut obtenir les données complètes de l'élément, telles que
offsetHauteur : 74
décalageGauche : 281
offsetParent : corps
décalageHaut : 698
offsetWidth : 834,
Il devrait être possible de suivre les modifications apportées à la directive.

Answer 2

Plus tard, j'ai étudié le plug-in redimensionnable dans jqueryui, qui peut essentiellement réaliser cette fonction, mais il y a des défauts si aucun point de contrôle n'est sélectionné, la déformation de l'ensemble du cadre p est basée sur le coin supérieur gauche comme coin. point de référence, et la déformation n’est pas très conviviale.