Drag and drop angular

<div cdkDropList class="example-list" (cdkDropListDropped)="drop($event)">
  <div class="example-box" *ngFor="let movie of movies" cdkDrag>{{movie}}</div>
</div>

Source: material.angular.io

AngularJs drag and drop

<div class="btn btn-primary" data-drag="true" data-jqyoui-options="{revert: 'invalid'}" ng-model="list1" jqyoui-draggable="{animate:true}" ng-hide="!list1.title">{{list1.title}}</div>

Source: codef0rmer.github.io

AngularJs drag and drop

<div class="thumbnail" data-drop="true" data-jqyoui-options ng-model="list2" jqyoui-droppable style='height:50px;'>  <div class="btn btn-success" data-drag="false" data-jqyoui-options ng-model="list2" jqyoui-draggable ng-hide="!list2.title">{{list2.title}}</div></div>

Source: codef0rmer.github.io

Angular material drag and drop only on button

<div class="example-box" cdkDrag> I can only be dragged using the handle <div class="example-handle" cdkDragHandle>  <button class="btn move" cdkDragHandle>   <mat-icon>open_with</mat-icon></button> </div></div>

Source: material.angular.io

Similar codes

0 vote186 views1 answer
Liveweaver
Html
0 vote190 views2 answers
How to get 2 headings in same line in html
Html
25 votes181 views3 answers
Select default value
Html
25 votes193 views6 answers
Bootstrap column vertical align
Html
48 votes244 views4 answers
Favicon htmk
Html
0 vote221 views1 answer
Html hoover text
Html
1 vote178 views1 answer
How to host html website
Html
0 vote185 views1 answer
How to detect play button on html video player
Html
0 vote171 views1 answer
How to change color in html element
Html
0 vote193 views2 answers
Table all cells same width
Html