Skip to content

Instantly share code, notes, and snippets.

@fragsalat
Last active January 27, 2017 13:45
Show Gist options
  • Save fragsalat/819a58021fc7b76a2704 to your computer and use it in GitHub Desktop.
Save fragsalat/819a58021fc7b76a2704 to your computer and use it in GitHub Desktop.
Aurelia multi observer class to observe multiple properties on one object or multiple properties on multiple objects. See usage of observe function
import {ObserverLocator, inject} from 'aurelia-framework';
/**
* Helper class to observe multiple properties at once
*/
@inject(ObserverLocator)
export class MultiObserver {
/**
* Get injected observer
*
* @param {object} observer
*/
constructor(observer) {
this.observer = observer;
}
/**
* Observe the properties
*
* @param {object} object
* @param {array} properties
* @param {function} handler
*
* Usage:
* Observe multiple properties on one object
* observer.observe(this, ['prop1', 'prop2'], callback)
*
* Observe multiple properties on multiple objects
* observer.observe([[this, 'prop1'], [this, 'prop2']], callback)
*/
observe(object, properties, handler) {
// Map to correct values
if (!handler && typeof properties == 'function') {
handler = properties;
properties = object;
object = null;
}
for (let propertyName of properties) {
// Determine the property name
let property = object ? propertyName : propertyName[1];
// Determine the base object
let obj = object || propertyName[0];
// Observe the array value or the property
if (obj[property] instanceof Array) {
this.observer.getArrayObserver(obj[property]).subscribe(handler);
}
else {
this.observer.getObserver(obj, property).subscribe(handler);
}
}
}
}
@fragsalat
Copy link
Author

I figured out that if (Array.isArray(obj[property])) { seems to be better than instanceof

@Kukks
Copy link

Kukks commented Mar 30, 2016

I created an observer based off your work:
https://gist.github.com/Kukks/283c4a2e5e18fc334328c83e114530a5

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment