Hello everybody,
I want to implement a custom angular 1 Accordion directive. I want to be
able to use the following HTML in my application:
<accordion>
<accordionPane title="fooPane">foo</accordionPane>
<accordionPane title="barPane">bar</accordionPane>
</accordion>
My problem is that I don't know how to integrate this component with the
angular 1.5 component router. I would like to be able to switch the state
of the accordion by switching the application state to '/foo' or '/bar'.
The above HTML might compile to something simple as this: (when state 'foo'
is active)
<div class="accordion">
<div class="title">fooPane</div>
<div class="content">foo</div>
<div class="title">barPane</div>
<div class="content ng-hide">bar</div>
</div>
The component router works with so called 'ng-outlet' directives, but I
don't see how to use this directive in an effective way for this use case.
The accordion is located at the root level of my app, and is the starting
point for my application's routing.So I would be glad if I could find a
solution for this.
Thanks in advance,
Tim
--
You received this message because you are subscribed to the Google Groups
"AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
Visit this group at https://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.
