I want to use (some of) my own ember components in a nested way. Think
{{#form-helper data=model}}
{{form-field datakey="name"}}
{{form-field datakey="street}}
{{form-field datakey="city}}
{{/form-helper}}
Generalized: I've got two components that are meant to work together in a nested way. The outer one provides some environment that is consumed by the inner one. http://alexspeller.com/simple-forms-with-ember/ has this explained in some more detail and uses the inner components parentView to access the outer context. Great.
Now, ember components are meant to fill in for web components as long as they aren't ready for prime time, but from what I understand web components are meant to be encapsulated. The only way to exchange information are data binding and events.
If this is correct and ember strives to replace its own components with web components, would this solution be future proof. Can I rely on ember delivering some kind of parentView access after the switch to real web components?
If not, what would be the right, the ember way to do this? A component outside and view helpers inside? Some usage of binding and events that I am currently unaware of?
I know I've got a solution for now, but I'm developing a solution that will be in use for quite a long time, so I want to avoid anything that's essentially deprecated at the time of writing my code.