Huh, what you are doing seems completely weird ![]()
You just define a component once in you app, and then insert it where ever you want and fill it with needed content.
- steal('can', function(can){
- can.Component.extend({
- tag: 'content-panel',
- template: '<h5 class={{iconClass}}></h5><div><content></content></div>', // while inserting <content> will be replaced with internal tag content
- scope: {
- //define here some attributes
- appTitle: '@' //you should supply it via elements attribute: app-title="My Application",
- iconClass: '@'
- }
- });
- })
To use the component just insert the tag where ever you like and fill it with needed content
- <content-panel app-title="My Application" icon-class="iSettings">
- <players-settings></players-settings> // it will be inserted instead of <content/>
- </content-panel>