add example index page for testing plus update README

samjacobclift · samjacobclift · commit 8e2f1c97897d · 2017-03-21T09:53:12.000Z
diff --git a/README.md b/README.md
@@ -17,7 +17,7 @@ Don't install the old angular-legacy-sortablejs package as thats not maintained
 ## Simple Drag and Drop
 
 ```js
-angular.module('exampleApp', [])
+angular.module('exampleApp', ['ng-sortable'])
 	.component('dragAndDropExample', {
 		template: `<ul ng-sortable>
 				<li ng-repeat="item in ['burgers', 'chips', 'hotdog']">
@@ -31,7 +31,7 @@ angular.module('exampleApp', [])
 You can pass a Config obj to `ng-sortable` and it will pass this onto the created sortable object. The available options can be found [here](https://github.com/RubaXa/Sortable#options)
 
 ```js
-angular.module('exampleApp', [])
+angular.module('exampleApp', ['ng-sortable'])
 	.component('dragAndDropExample', {
 		template: `<ul ng-sortable=$ctrl.sortableConf>
 				<li ng-repeat="item in ['burgers', 'chips', 'hotdog']">
@@ -53,7 +53,7 @@ angular.module('exampleApp', [])
 Example showing how use the handle option
 
 ```js
-angular.module('exampleApp', [])
+angular.module('exampleApp', ['ng-sortable'])
 	.component('dragAndDropExample', {
 		template: `<ul ng-sortable=$ctrl.sortableConf>
 				<li ng-repeat="item in ['burgers', 'chips', 'hotdog']" draggable="false">
diff --git a/example/angular-legacy-sortable.js b/example/angular-legacy-sortable.js
@@ -0,0 +1 @@
+../angular-legacy-sortable.js
diff --git a/example/index.html b/example/index.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<html ng-app="exampleApp">
+  <head>
+    <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.3/angular.min.js"></script>
+    <script src="//rubaxa.github.io/Sortable/Sortable.js"></script>
+    <script src="./angular-legacy-sortable.js"></script>
+
+    <script>
+      angular.module('exampleApp', ['ng-sortable'])
+        .component('dragAndDropExample', {
+            template: `<ul ng-sortable>
+                    <li ng-repeat="item in ['burgers', 'chips', 'hotdog']">
+                        {{ item }}
+                    </li>
+                </ul>`,
+          })
+    </script>
+
+  </head>
+  <body >
+    <drag-and-drop-example></drag-and-drop-example>
+  </body>
+</html>
