Estoy implementando un escenario en el que al hacer clic fuera del cajón, quiero ejecutar la acción saveChange pero de alguna manera me da el error de que saveChange no es una función. Probé diferentes formas de establecer el contexto, pero no funciona.
export default class DrawerModel { constructor(context) { this.data = context.primaryInfoData; this.name = ko.observable('test'); document.addEventListener("click", function (e) { var self= this; var element = e.target; let isOutside = true; for (var element = e.target; element; element = element.parentNode) { if (element.id === 'drawer_primaryInfoDrawer') { isOutside = false; } } if(isOutside) { self.saveChanges(); } }); } saveChanges() { const data = { title: this.name(), } this.data.valueChangeHandler(data); }; }Error :
Uncaught TypeError: self.saveChanges is not a functionesto se debe a que en su detector de eventos, this se refiere a la ventana en lugar de a su clase. puede solucionar esto agregando .bind(this) a su función de esta manera:
document.addEventListener("click", function (e) { // ... }.bind(this));