Comments (3)
Update- I was able to solve this. I just needed to add the mouse-capture
directive. So something like this did the trick for me:
<div mouse-capture ng-keydown="keyDown($event)" ng-keyup="keyUp($event)">
<flow-chart
style="margin: 5px; width: 100%; height: 2000px;"
chart="chartViewModel"
>
</flow-chart>
</div>
from angularjs-flowchart.
Thanks for sharing your solution. If you want to fork and change the code to produce a decent error message instead of the error you saw please do so, I'll be happy to merge your change into the code.
from angularjs-flowchart.
I got this error:
TypeError: $element.unbind is not a function
at Object.release (http://0.0.0.0:3000/plugins/flowchart/mouse_capture_service.js:97:13)
at Object.acquire (http://0.0.0.0:3000/plugins/flowchart/mouse_capture_service.js:68:9)
at Object.startDrag (http://0.0.0.0:3000/plugins/flowchart/dragging_service.js:92:17)
at Scope.FlowChartController.$scope.nodeMouseDown (http://0.0.0.0:3000/plugins/flowchart/flowchart_directive.js:294:12)
at fn (eval at <anonymous> (http://0.0.0.0:3000/plugins/angular/angular.js:13275:15), <anonymous>:4:427)
at callback (http://0.0.0.0:3000/plugins/angular/angular.js:23481:17)
at Scope.$eval (http://0.0.0.0:3000/plugins/angular/angular.js:15922:28)
at Scope.$apply (http://0.0.0.0:3000/plugins/angular/angular.js:16022:25)
at SVGGElement.<anonymous> (http://0.0.0.0:3000/plugins/angular/angular.js:23486:23)
at SVGGElement.jQuery.event.dispatch (https://code.jquery.com/jquery-2.1.4.js:4435:9)
The error was solved using @andrewboni solution, thanks!
from angularjs-flowchart.
Related Issues (20)
- path.exists() is replaced by fs.exists() HOT 1
- Keycodes for "a" and "ctrl" buttons HOT 2
- Change curved path into straight path HOT 4
- Dragging nodes in IE10 HOT 1
- Make only output could be connected to input and 1 node only can connect with 1 other node. HOT 2
- How to check node had connected with other node? HOT 1
- Bower package repo reports 404 not found HOT 1
- mouseCapture is not using explicit annotation HOT 3
- Error: [$compile:tpload] Failed to load template: flowchart/flowchart_template.html (HTTP status: -1 ) HOT 1
- License? HOT 1
- How to get control on handleNodeClicked action HOT 1
- TypeErrors when using AngularJS-FlowChart in existing Angular app HOT 3
- mouse_capture_service.js has a problem HOT 1
- can't detect $scope.chartViewModel.nodes[i] HOT 7
- hoverElement.scope() returns null issue. HOT 3
- Identify direction from Source Node to Destination Node HOT 1
- Missing MIT LICENSE file
- Upgrade to angular 2 + HOT 1
- Failed to load template: flowchart/flowchart_template.html (HTTP status: 404 Not Found) HOT 1
- Best way to enable vertical connectors and nodes? HOT 2
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angularjs-flowchart.