Hello, i'm trying to create extended version of the component by wrapping in to extended version:
Here is the code, some-feature has inside content and is expected it to be filled with something, then there is another extended-feature component that fills some-feature with additional content, and more-extended version that is supposed to extend some-feature content even more.
- can.Component({
- tag: 'more-extended-feature',
- template: '<extended-feature><div>here is more</div></extended-feature>'
- })
- can.Component({
- tag: 'extended-feature',
- template: '<some-feature><div>extended: <content></content></div></some-feature>'
- //template: '<div>extended: <content></content></div>'
- })
- can.Component({
- tag: 'some-feature',
- template: 'feature: <content></content>'
- })
- $('body').append(can.view.mustache('<more-extended-feature></more-extended-feature>')())
But there is a Maximum call stack size exceeded error happens while inserting, you can see that in fiddle.
Does this supposed to work?