observable-model
v1.0.5
Published
Simple Observable Model
Downloads
2
Readme
Observable-Model
Package deliver light-weight model with ability to set-up custom validation and attribute change comparator.
Usage
let Model = require('observable-model')
let model = new Model()
Features
Setting and Getting Attributes
You can set, get and remove attributes from Model.
model.set('name', value) // 'change:value' event emited
model.on('change:name', callback) // handle attribute change
model.get('name') // --> value
You can set multiple attributes by passing object.
model.set({name: 'name', value: 1})
model.get('name') // --> name
model.get('value') // --> 1
Changing attribute emits 'change:${attributeName}'
event with new value as argument.
Basic comparator is ===
operator.
Comparator
You can set custom compare function for looking for changes
model.setComp('value', function (nextValue, prevValue) {
return nextValue.a === prevValue.a
})
model.set('value', {
a: 1
}) // -> emits 'change:value' event
model.set('value', {
a: 1
}) // -> doesn't emit 'change:value' event
model.set('value', {
a: 2
}) // -> emit 'change:value' event
model.setComp('value', _.isEqual) // You can use functions from external libraries.
model.remComp('value') // Removes Comparator
Validation
model.set('value', 3)
model.setValidation('value', function (nextValue, prevValue) {
return nextValue < prevValue
})
model.set('value', 4) // -> emits 'unvalid:value' event
model.set('value', 2) // value: 2
model.validate('value', 5) // returns false
model.removeValidation('value') // removes value validation
model.set('value', 4) // now you are free to set value again
Validation on failiture emits 'unvalid:${attributeName}'
event with unvalid value as argument.
Event Driver
Model extends event-driven-object https://www.npmjs.com/package/event-driven-object