angular.js - kawalan boleh ubah saiz angularjs

Question

Bagaimana untuk melaksanakan kawalan seperti ini Nampaknya sangat rumit untuk menulisnya sendiri, dan terdapat sangat sedikit maklumat yang ditemui di Internet.
Ia dikehendaki apabila p menukar saiz, ia boleh diikat pada objek $scope.styles pengawal dalam angularjs Objek gaya mempunyai lima sifat: lebar, tinggi, kiri, atas dan putar.

Answer 1

Lulus

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

boleh mendapatkan data lengkap elemen, seperti
offsetTinggi: 74
offsetKiri: 281
offsetIbu bapa: badan
offsetAtas: 698
offsetWidth: 834,
Adalah mungkin untuk memantau pengubahsuaian dalam arahan.

Answer 2

Kemudian, saya mengkaji pemalam yang boleh diubah saiz dalam jqueryui, yang pada asasnya boleh merealisasikan fungsi ini, tetapi terdapat kelemahan Jika tiada titik kawalan dipilih, ubah bentuk keseluruhan bingkai p adalah berdasarkan sudut kiri atas sebagai titik rujukan, dan ubah bentuk tidak begitu mesra pengguna.