Has anyone used iScroll with Angularjs - angularjs

Newbie here...
Building an app in Angularjs and now I want to incorporate iScroll features. Has anyone done that before? If so, can you share some tips?
Thanks

This is a little late, but I released a AngularJS Directive that helps in getting iScroll to work correctly. See https://github.com/ibspoof/ng-iScroll

I tried ng-iScroll, but ended up writing angular-iscroll because I wanted the ability to turn iScroll on and off during runtime, and ng-iScroll was unnecessarily complicated (for example, you don't need to specify an element's ID in an Angular directive).
Also, I developed core-layout, a demo web app showing how the angular-iscroll directive can be used in a responsive-design app with support for both scrolling drawer (slide-out) menus and modals.

This seems like a better question for the angularjs google group. That is where I found this discussion (google search)
https://groups.google.com/forum/?fromgroups=#!searchin/angular/iscroll/angular/EBHrwhPPJyg/VnubgpLKq9IJ

Related

Integrating noflo and AngularJS using the-graph

I'm working to integrate noflo into AngularJS. For some reason, I've only been able to find an old answer that seemed to direct users wanting to do this to "the-graph", but wasn't super-clear: github.com/noflo/noflo/issues/286.
I am working to attempt to integrate into AngularJS; if anyone has a working example of doing this, a plukr or fiddle would be appreciated.
Secondly, the "left-click" option that allows editing node properties doesn't appear functional in the-graph example. It seems to work here, but not here. I was wondering how to get the search/properties edit box for each node to function when including inside an existing UI.
So, in sum,
How can I get the "left-click" node properties to show up in a custom UI?
How can I best integrate noflo into AngularJS? The-graph has a ton of other libraries that appear to need to be added (React, Polymer, HammerJS, KlayJS, KlayJS-NoFlo, etc..)
Thanks for any help!
It is not clear what you hope to achieve. Do you want to:
Program webapps using NoFlo and AngularJS?
Make an app (using AngularJS) with a node-editor like the one used in NoFlo UI (the-graph)?
Or something else?

AngularJS Framework with fabricjs

Can anyone suggests me angularjs framework with fabricjs.
I'm going to build angularjs application , having canvas (FabricJS).
Thanks in advance .
I would not recommend you to use angularjs with fabricjs.
The project I'm currently working on uses this combination.
We get a lot of troubles related to scope. E.g. if you need to update something in angular from fabricjs, you need to determine if angular digest loop is currently running and if not, run it.
You could try React + fabricjs instead. React looks more flexible and much faster works with DOM.
In my Angular project (seat reservation system) I use Fabric.js (for seat plan editor) without any complications. I have no problem with displaying more than 1000 objects.
Here you can find my "Hello World" Angular + Fabric.js project.
Here you can find my answer on question "How to use / include fabricjs in Angular2".
You should not worried about how bind them togheter. Keep it simpe.
Fabric will trigger a series of event from user actions, a bunch of event similar firing function that you can find in your doc. Use those to update your app state.
For all the rest keep a reference of the canvas in you scope and use it normally.

Amazing Slider and Angular JS

I am trying to find a solution for an image slider such as Amazing Slider and how to integrate it in my e-commerce web-app which I have developed using Angular JS. I want to have features such as lightbox and a slider with thumbnails underneath, and also video integration. I know its a lot to ask but its a shame that this very strong framework lacks (to my knowledge) a proper image viewer. Has anyone tried this integration before? Are there any other solutions. After doing a google search all I found is bootstrap UI and a gist for lightbox. But these are not anywhere near of what I am asking for. Please advise.
The reason AngularJS does not have such an inbuilt facility is that AngularJS was not meant to address such things. Its an application framework. It is not meant to be a UI framework.
Having said that, I am assuming you have the images you want to render in some sort of collection in AngularJS. So you can just write a very simple directive which will take your collection as a ng-model and render the slider for you. This allows you to reuse this component in multiple places in your app.
If you have only one place in your app that you need the slider, then just a simple ng-repeat will suffice.

chardinJs and Angular

Currently I'm looking for a plugin/js that I can use to show my users a small walkthrough of my site. I have jquery and angular both running on my page.
I have been using Chardin.js (https://github.com/heelhook/chardin.js). This plugin works and is simple, however when i try to include angular elements chardin.js will not be able to find the elements to display.
SO I'm trying to find a way to integrate this plugin with angular. Unless there are some better plugins that work better for this in angular. Thanks!
I agree with #Ben_Coding,
Angular-Intro is pretty good, light-weight, and no dependency on jQuery.

Looking for a very simple implementation of ckeditor and AngularJS

I have seen a few posts on how to create directives and controllers. However I am looking for something as simple as possible. Does anyone have any experience with creating some simple HTML code that allows me to use CKEditor. In particular the one thing I am not sure of is how to bind the editor contents to the model when I am using AngularJS.
Below is the link please check it
https://github.com/esvit/ng-ckeditor
if you are interested in tinymce it is available in angularUI below is the link
https://github.com/angular-ui/ui-tinymce

Resources