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.

Reply via email to