<v-pane-header> in an Angular template

[mackler]

I'm trying to use v-accordion with AngularJS, defining the <v-pane-header> and <v-pane-content> tags in an Angular template, which template is included into the <v-pane> using <div ng-include="template.html">.

I'm getting the error: The 'v-pane-header' directive can't be found, I am guessing because the <v-pane-header> is not a direct child of <v-pane>. Does that sound like the correct analysis, or might there be another cause?

Is there any workaround? I am using the template recursively to display a recursive hierarchy, so eliminating the template is not an option.

[mackler]

I found a work-around to my problem: apparently v-accordion will work when a<v-pane> tag is a descendant but not a direct child of its immediate containing <v-accordion> tag, while <v-pane-header> and <v-pane-content> tags must be children of their immediate containing <v-pane> tags with no intermediate levels in the HTML/DOM hierarchy or else it breaks.

The work-around for my recursive template is to redefine the template so as to keep associated <v-pane>, <v-pane-header> and <v-pane-content> tags together at the same level of recursion, and to have the break between the levels of recursion occur between a <v-accordion> and its immediate descendant <v-pane> tags.

My problem is solved, so I will close this issue if appropriate, but this seems as if it may be a bug or missing feature, so I am going to wait until someone who knows more than I do will tell me whether this is something anyone wants to address further.

Thanks very much.