AngularJS-MouseHandling/index.html at master · xixao/AngularJS-MouseHandling · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
<html>
	<head>
		<title>AngularJS Mouse Capture Example</title>

	    <link rel="stylesheet" type="text/css" href="app.css"/>

	</head>

	<body ng-app="app" ng-controller="AppCtrl" mouse-capture>

		<!-- The element that contains the draggable element. -->
		<div
			class="draggable-container"
			ng-css-width="{{draggableContainer.width}}"
			ng-css-height="{{draggableContainer.height}}"
			>

			<!-- The draggable element. -->
			<div
				class="draggable"
				ng-mousedown="mousedown($event)"
				ng-css-left="{{draggable.x}}"
				ng-css-top="{{draggable.y}}"
				ng-css-width="{{draggable.width}}"
				ng-css-height="{{draggable.height}}"
				>
				Drag me!
			</div>

		</div>

		<!-- Library code. -->
		<script src="lib/jquery-2.0.2.js" type="text/javascript"></script>
		<script src="lib/angular-1.1.4.js" type="text/javascript"></script>

		<!-- Component code. -->
		<script src="mouse_capture_directive.js" type="text/javascript"></script>
		<script src="dragging_service.js" type="text/javascript"></script>

		<!-- App code. -->
		<script src="app.js" type="text/javascript"></script>
	</body>
</html>