Tengo un gráfico de objeto javascript, un formulario HTML y enlaces knockout que conectan los dos. El formulario es complejo y, a veces, el formulario necesita agregar algunos observables computados a algún subobjeto en nuestro gráfico de objetos, y quiero hacerlo localmente en el elemento HTML que tiene el enlace de datos que se basa en esto, no No quiero ese conocimiento en algún lugar de algún guión global.
<div class="widget" data-bind="foreach: subThing"> <script type="text/javascript"> $data._scratchpad = ko.computedObservable( ... ); </script> ... <input data-bind="value: _scratchpad"/> ... </div>
Ahora, en el contexto de este script, el contexto de vinculación, por supuesto, aún no está configurado, por lo que la propiedad $data aún no está disponible.
Pero, ¿hay algún evento que pueda poner en el elemento o algo así que pueda captar cuando los enlaces se inicializan por primera vez para poder agregar las cosas necesarias antes de que las expresiones de enlace de datos reales quieran referirse a ellos?
Se me ocurrió una solución que es un poco fea, pero en realidad es prácticamente correcta. En lugar de este elemento de script anterior, solo uso un elemento virtual que no contiene nada y cuyo único objetivo es obtener una condición if: evaluada, donde luego colocamos las declaraciones en el cuerpo de una función que se evalúa:
<div class="widget" data-bind="foreach: subThing"> <!-- ko if: (function() { if(!$data._scratchpad) { $data._scratchpad = ko.computedObservable( ... ); }})() --> <!-- /ko --> ... <input data-bind="value: _scratchpad"/> ... </div>
Lo bueno es que no requiere modificación del código fuente. Y aunque es un poco feo con el código repetitivo:
<!-- ko if: (function() { if(!...) { ... }})() --> <!-- /ko -->
Potencialmente, podría usar un preprocesador de enlace personalizado para envolver esta función y decir simplemente:
<!-- ko setup: ... --> <!-- /ko -->
esto es casi genial, pero en realidad no es mucho mejor que valga la pena.
Es útil que la definición de este elemento virtual ya esté en un comentario, por lo que no habrá preocupaciones con el código javascript que usa caracteres especiales.