+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
#myBounds
+
+
Drag me {{ inBounds ? 'in #myBounds' : '' }}
+
check your console
+
+
+
+
+
+
+
+
+
+
+ Angular2-Draggable
+
+
+
+
+
+
+ Angular(ver >= 4.x) directives that make the DOM element
+ draggable and
+ resizable
+
+
+ GitHub
+ Documents
+
+
+
+
-
-
-
- Angular2-Draggable
-
-
-
-
-
-
angular2-draggable has Angular(ver >= 4.x) directives that make the DOM element draggable and resizable
-
- Documents
- Github
-
-
-
-
- | Directives | Demo |
- | ---------- | ---- |
- |`ngDraggable` | [demo](#/draggable/usage/basic) |
- |`ngResizable` | [demo](#/resizable/default) |
-
-
-
-
-
-
-
-
-
Installation
-
- ```bash
- # if you use npm
- npm install angular2-draggable --save
-
- # or if you use yarn
- yarn add angular2-draggable
- ```
-
-
-
-
Import
-
- ```diff
- + import {{'{'}} AngularDraggableModule } from 'angular2-draggable';
-
- @NgModule({{'{'}}
- imports: [
- ...,
- + AngularDraggableModule
- ],
- })
- export class AppModule {{'{'}} }
- ```
-
-
-
-
Draggable Usage
-
-
-
-
Resizable CSS
-
- ```diff
- // angular.json
- "styles": [
- ...
- + "node_modules/angular2-draggable/css/resizable.min.css"
- ]
- ```
-
-
-
-
Resizable Usage
-
-
-
-
diff --git a/src/app/views/home/home.component.ts b/src/app/views/home/home.component.ts
deleted file mode 100644
index 35ba33d..0000000
--- a/src/app/views/home/home.component.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { Component, OnInit } from '@angular/core';
-
-@Component({
- selector: 'app-home',
- templateUrl: './home.component.html',
- styleUrls: ['./home.component.scss']
-})
-export class HomeComponent implements OnInit {
- demo_html = `\
-
-