Hi,
The code below works and I really minimized the code here for you and
the clicking behavior is erratic. The only difference is the second one is
declarative the first was generated through loops
<accordion>
<div ng-repeat="(pIndex, item) in workItems | orderBy: 'SortSeq'">
<accordion-group>
<accordion-heading>
WorkItem
</accordion-heading>
<accordion>
<div ng-repeat="(ri, resources) in item.resources |
groupBy: '[DeptId]' | orderObjectBy: 'DeptName' : false">
<accordion-group heading="department heading">new
item</accordion-group>
</div>
</accordion>
</accordion-group>
</div>
</accordion>
<accordion>
<accordion-group>
<accordion-heading>
Department 1
</accordion-heading>
<accordion>
<accordion-group heading="new heading">new
content</accordion-group>
<accordion-group heading="new heading 2">new content
2</accordion-group>
</accordion>
</accordion-group>
<accordion-group heading="staticTitle">
<accordion>
<accordion-heading>
Department 2
</accordion-heading>
<accordion-group heading="new heading">new
content</accordion-group>
<accordion-group heading="new heading 2">new content
2</accordion-group>
</accordion>
</accordion-group>
</accordion>
On Thursday, September 8, 2016 at 9:56:59 PM UTC-4, Michael De Marco wrote:
>
> I am getting strange behavior where a click on the innermost accordion
> will open the item then when clicking another item I would expect the
> previous to close while the new opens. What I am getting most of the time
> is the click on the new item closes the previous but then does not open the
> new. Then I click again on the new and it will open. Most of the time the
> first click on any item does not open at all and it takes mostly two clicks
> to open the first time and some times it opens the first time. I have even
> seen more than one item close by a click. I believe I am following the
> correct usage for nested constructs as we have. I believe I am using isOpen
> correctly and I have put ng-click handlers on the inner most group but
> really Angular should be controlling the expansion and contraction and the
> fact that the pattern is not predictable seems to indicate to me that there
> may be a problem with state management behind the scenes. Any knowledge on
> what to do here?
>
>
--
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.