Untitled

<body>
  <xx-button xx-draggable>
  <xx-button xx-draggable>
<body>

<xx-button class="ng-isolate-scope ng-scope" draggable="true" hm-panstart="$draggableCtrl.ondragstart($event)" hm-panend="$draggableCtrl.ondragend($event)" hm-panmove="$draggableCtrl.ondrag($event)" style="-moz-user-select: none;">
  <button class="btn ng-binding" ng-click="$ctrl.onclick()">
    CLICK ME
  </button>
</xx-button>

const subScope = '_' + Math.random() * 100000000000000000;

scope[subScope] = ctrl;

attr.$set('hm-panstart', subScope + '.ondragstart($event)');
attr.$set('hm-panend', subScope + '.ondragend($event)');
attr.$set('hm-panmove', subScope + '.ondrag($event)');