https://github.com/shhdharmen/angular-free-dragging

Create a directive in Angular that will allow us to freely drag any element, without using any 3rd party libraries.
https://github.com/shhdharmen/angular-free-dragging

angular angular-library directive drag drag-and-drop draggable draggable-elements free-dragging typescript

Last synced: 10 months ago
JSON representation

Create a directive in Angular that will allow us to freely drag any element, without using any 3rd party libraries.

• Host: GitHub
• URL: https://github.com/shhdharmen/angular-free-dragging
• Owner: shhdharmen
• Created: 2020-11-21T17:41:12.000Z (about 5 years ago)
• Default Branch: main
• Last Pushed: 2021-07-21T05:39:20.000Z (over 4 years ago)
• Last Synced: 2025-03-24T15:52:37.311Z (10 months ago)
• Topics: angular, angular-library, directive, drag, drag-and-drop, draggable, draggable-elements, free-dragging, typescript
• Language: TypeScript
• Homepage:
• Size: 125 KB
• Stars: 12
• Watchers: 1
• Forks: 8
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Funding: .github/FUNDING.yml

Awesome Lists containing this project

README

          
# Create a directive for free dragging in Angular

![](https://admin.indepth.dev/content/images/2020/11/Create-a-directive-for-free-dragging-in-Angular2.jpg)

In this article, we will learn how to create a directive in Angular that will allow us to freely drag any element, without using any 3rd party libraries.

## Reading

This code is created for my article on indepth.dev, you can read it at: [Create a directive for free dragging in Angular](https://indepth.dev/drag-drop-directive).

## Development

```bash

git clone https://github.com/shhdharmen/angular-free-dragging.git

cd angular-free-dragging

npm i

npm start

```