MontoyaTech/ignite-html
MontoyaTech/ignite-html
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

InnerHtml now allows property arrays to be used.

Browse Source
This commit is contained in:
MattMo 2021-06-30 08:48:24 -07:00
parent 8259fdb9ab
commit 0ae84fc73b
1 changed files with 19 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

19
ignite-template.js
View File

@ -360,6 +360,25 @@ class IgniteTemplate {
this._callbacks.push(value.attachOnSplice((list, start, deleteCount, items) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null)))); this._callbacks.push(value.attachOnSplice((list, start, deleteCount, items) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
this._elementInnerHTML = (converter != null ? converter(value.value) : value.value); this._elementInnerHTML = (converter != null ? converter(value.value) : value.value);
} else if (Array.isArray(value) && value.length > 0 && value[0] instanceof IgniteProperty) {
//There must be a converter for this to work correctly
if (!converter) {
throw "Cannot pass an array of properties without using a converter!";
}
//Attack a callback for all the properties
value.forEach(prop => {
if (prop instanceof IgniteProperty) {
this._callbacks.push(prop.attachOnChange((oldValue, newValue) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, oldValue)), converter(...value.getPropertyValues()))));
this._callbacks.push(prop.attachOnPush((list, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues()))));
this._callbacks.push(prop.attachOnUnshift((list, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues()))));
this._callbacks.push(prop.attachOnPop((list) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues()))));
this._callbacks.push(prop.attachOnShift((list) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues()))));
this._callbacks.push(prop.attachOnSplice((list, start, deleteCount, items) => this.onInnerHTMLChanged(converter(...value.getOldPropertyValues(prop, list)), converter(...value.getPropertyValues()))));
}
});
this._elementInnerHTML = converter(...value.getPropertyValues());
} else { } else {
this._elementInnerHTML = (converter != null ? converter(value) : value); this._elementInnerHTML = (converter != null ? converter(value) : value);
} }