AngularJS connector to MobX
npm install mobx-angularjs
MobX is a modern reactive state management library.
This simple library connects MobX to Angular.
* __Normalized__ - MobX lets you define computed values that are based on the minimal state
* __Reactivity__ - MobX Automatically figures out when to re-invoke subscribers according to which observables they use. This allows for extremely performant applications
* __Plain objects__ - Use plain objects and classes with MobX decorators, or even observe existing objects (from external sources for example)
* MobX is being used heavily in the community (mainly with React)
This library brings the magic of automatic data binding, together with incredibly high performance.
All you need is to wrap your template with a mobx-autorun directive.
The directive will automatically re-run the $digest cycle on the scope, whenever something that the template uses changes.
It will also dispose of the autorun callback when the scope is destroyed.
Install, import, and include:
``
$ npm install --save mobx-angularjs
`js
import mobxAngular from 'mobx-angularjs'
angular.module('app', [ mobxAngular ])
`
Use CDN and include:
`html
`
`js`
angular.module('app', [ 'mobx-angularjs' ])
`js
import { store } from './store'
angular.component('myComponent', {
controller() {
this.store = store
},
controllerAs: '$ctrl',
template:
})
Important note: Make sure you always mark your isolated scope block (such as
) with the mobx-autorun directive so that MobX can react to it.Example
Clone this repository:
`
$ git clone https://github.com/mobxjs/mobx-angularjs
$ cd mobx-angularjs
Install dependencies:
$ npm install
Start example server:
$ npm run example
__Note:__ Example uses Parcel which requires Node 8+