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

Modified InnerHTMLChanged to support array changes.

Browse Source
This commit is contained in:
Matt Mo 2021-02-03 10:15:04 -08:00
parent 2c9879a937
commit 4bbdf4865d
1 changed files with 8 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
ignite-template.js
View File

@ -287,7 +287,13 @@ class IgniteTemplate {
IgniteRenderingContext.push(); IgniteRenderingContext.push();
if (value instanceof IgniteProperty) { if (value instanceof IgniteProperty) {
this._callbacks.push(value.attachOnChange((oldValue, newValue) => this.onInnerHTMLChanged(oldValue, newValue, converter))); this._callbacks.push(value.attachOnChange((oldValue, newValue) => this.onInnerHTMLChanged((converter != null ? converter(oldValue) : oldValue), (converter != null ? converter(newValue) : newValue))));
this._callbacks.push(value.attachOnPush((list, items) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
this._callbacks.push(value.attachOnUnshift((list, items) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
this._callbacks.push(value.attachOnPop((list) => this.onInnerHTMLChanged((converter != null ? converter(list) : list), (converter != null ? converter(list) : null))));
this._callbacks.push(value.attachOnShift((list) => 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 { } else {
this._elementInnerHTML = (converter != null ? converter(value) : value); this._elementInnerHTML = (converter != null ? converter(value) : value);
@ -1026,16 +1032,9 @@ class IgniteTemplate {
* on the template's element. * on the template's element.
* @param {any} oldValue * @param {any} oldValue
* @param {any} newValue * @param {any} newValue
* @param {Function} converter
* @ignore * @ignore
*/ */
onInnerHTMLChanged(oldValue, newValue, converter) { onInnerHTMLChanged(oldValue, newValue) {
if (converter !== null) {
IgniteRenderingContext.push();
newValue = converter(newValue);
IgniteRenderingContext.pop();
}
if (this.element) { if (this.element) {
this.element.innerHTML = newValue; this.element.innerHTML = newValue;
} }