Neurological Phenomenon Multiplexer

    observable-component

    0.3.0 • Public • Published

    observable

    Get and set attributes and watch for changes. The simplest type of model there is. Will work with Reactive and emits both Backbone-style and Reactive-style events ('change:foo' vs 'change foo').

    Installation

    Component:

    component install anthonyshort/observable
    

    npm:

    npm install observable-component
    

    Usage

    var Observable = require('observable');
    var model = new Observable();
     
    model.on('change color', function(val, previous){
      console.log('Color was ' + previous + ', now it is ' + val);
    });
     
    model.set('color', 'red'); // Color was undefined, now it is red
    model.set('color', 'blue'); // Color was red, now it is blue
     
    // Set many at once
    model.set({
      color: 'green',
      background: 'lightGreen'
    });
     
    // Set attributes silently
    model.set('color', 'red', { silent: true });
     
    // Get the attribute
    model.get('color') // red

    You can mix it in too:

    function Thingy(){
       this.set('color', 'red');
    }
     
    Observable(Thingy.prototype);
     
    var thing = new Thingy();
    thing.get('color') // 'red'

    Keywords

    none

    Install

    npm i observable-component

    DownloadsWeekly Downloads

    4

    Version

    0.3.0

    License

    BSD

    Last publish

    Collaborators

    • anthonyshort