Dynamically loaded Components parameters

[Dustin Bertsch]

I'm experimenting with Knockout's components, and have run into a situation where I seem to be up against a wall. 

demo: jsfiddle

When loading a component on demand (via requirejs), is there a way to bind an existing component observable ('the parent') to the loaded component('child') as the documentation states here: http://knockoutjs.com/documentation/component-custom-elements.html#communication-between-parent-and-child-components

[Dustin Bertsch]

On further trial and error, I find that the context of the parent view model will not be available to dynamically added elements. Which is why binding to the dynamic element is possible, while being nested in a previously bound element. (parent)

I've decided to use knockout-postbox subscriptions for this type of two way communication, unless needing to pass a literal. 

If anyone knows or could point me to a example of loading nested components on demand, I'd appreciate it.

[Noirabys]

hi,

have a look at:

http://knockoutjs.com/documentation/component-loaders.html

i've successfully implemented a asynchronous module loading based on that examples.

you can than easily use components in components etc.

best regards,

  noirabys

[Dustin Bertsch]

I will certainly look into custom loaders. 

Thanks Noiraby.

[Michael Best]

I was able to make your example work by using ko.contextFor, described here: http://knockoutjs.com/documentation/unobtrusive-event-handling.html

https://jsfiddle.net/mbest/qtn1tmfm/11/

-- Michael

[Dustin Bertsch]

Thank you Michael,

Your help is most appreciated.