Package deliver light-weight model with ability to set-up custom validation and attribute change comparator.
let Model = require('observable-model')
let model = new Model()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') // --> valueYou can set multiple attributes by passing object.
model.set({name: 'name', value: 1})
model.get('name') // --> name
model.get('value') // --> 1Changing attribute emits 'change:${attributeName}' event with new value as argument.
Basic comparator is === operator.
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' eventmodel.setComp('value', _.isEqual) // You can use functions from external libraries.model.remComp('value') // Removes Comparatormodel.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 againValidation on failiture emits 'unvalid:${attributeName}' event with unvalid value as argument.
Model extends event-driven-object https://www.npmjs.com/package/event-driven-object
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent