Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 

Angular with Flux Architecture

Flux implementation in Angular 1, used in production at Rise

demos/simple-todo/index.html & demos/simple-todo/todo-app.js for to see it in action.

angular-flux.js contains the pieces that you need to get going with the Flux architecture in Angular. Just download it and include it in your app with the module ngFlux. Install it through bower with bower install angular-flux-helpers --save.

  • FluxUtil packages a couple of functions to reduce boilerplate
  • FluxUtil.defineConstants defines constants for you.
  • FluxUtil.createDispatcher creates a dispatcher from Facebook's dispatcher.js prototype and adds a handleViewAction function to it.
  • FluxUtil.createStore creates an object based the node.js EventEmitter prototype, with a few useful helpers tacked on, such as bindState(scope, callback) that will add a change listener to the store and execute the callback on change - it also safely removes this listener when the scope is destroyed.
  • The localize-state directive creates a one way data binding, so changes propagate down but not up, allowing you to keep the data in sync with wider application changes while controlling when the local state triggers an action. This directive is not needed to propagate changes, normal angular data-binding works better.

Examples

todo-app.js and it will make sense if you're already familiar with the Flux architecture.

Flix is an Android app (based on the Ionic Framework) that uses angular-flux. See /frontend/www/js/

TODO

About

Flux architecture library in Angular 1

Resources

Packages

No packages published