Tengo una función que se llama después de hacer clic en el botón. se parece a esto
<button class=".." data-bind="click: $root.openModal">Ahora estoy tratando de pasar parámetros a esta función. Dando como resultado este código
<button class=".." data-bind="click: $root.openModal(Object.Keys(params))">Los parámetros se pasan con éxito, pero ahora cada vez que cargo la página, incluso antes de hacer clic en el botón, se llama a la función openModal. Lo mismo sucede incluso si dejo ' () ' en lugar de openModal(Object.Keys(params)) .
función en sí, se ve así
self.openModal = function (keys) { popupObservable(true); self.modal = $.openModalDefault({ url: '#js-confirmation-dialog-template', className: 'doc', onLoad: function () { popupObservable(false); if (!$(selectors.confirmationModal)[0]) { return; } var viewModel = new ConfirmationDialogViewModel(function () { self.confirm(keys); self.modal.close(); }, "This part is irrelevant"); ko.applyBindings(viewModel, $(selectors.confirmationModal)[0]); } }); };¿Cuál es la diferencia entre openModal y openModal() y cómo paso parámetros a esta función sin activarla al cargar la página?
Esto se debe a que está invocando la función en data-bind="click: $root.openModal(Object.Keys(params))" en su lugar, desea construir una función dinámicamente con esos parámetros y ejecutarla al hacer clic.
self.openModalWithParam = function (keys) { // keys come from the outer function and returns a function for those values return function () { popupObservable(true); self.modal = $.openModalDefault({ url: '#js-confirmation-dialog-template', className: 'doc', onLoad: function () { popupObservable(false); if (!$(selectors.confirmationModal)[0]) { return; } var viewModel = new ConfirmationDialogViewModel(function () { self.confirm(keys); self.modal.close(); }, "This part is irrelevant"); ko.applyBindings(viewModel, $(selectors.confirmationModal)[0]); } }); }; };Alternativamente, podría simplemente pasar un literal de función como controlador de clics:
<button data-bind="click: () => $root.openModal(Object.Keys(params))">
Lo que personalmente preferiría porque significa que no tiene que duplicar su función openModal .