默认情况下，仅当页面加载时，模态内部的手风琴默认关闭-Bootstrap＆AngularJS

Question

我有一张桌子，每行都有一个ShowXml按钮，该按钮打开一个模式。在每个模式中，我都有一个具有2个可折叠（XML1-XML2）的手风琴。每当我单击ShowXml按钮时，我都希望关闭所有的可折叠手风琴。如果单击任意行的ShowXml按钮，则两个可折叠对象默认情况下处于关闭状态。但是，如果我关闭该模式并单击另一个ShowXml（相同或任何其他行的），则在最后一个模式中打开的最后一个可折叠对象将打开。 （不是上下文，例如，如果我单击第一行的XML1，然后关闭模式并打开另一行ShowXml，则XML1可折叠显示为打开）。

这是我的模态HTML：

  DatabaseReference user_message_Ref = mRootRef.child("Chat").child(uid);
   // First check if snapshot exist()

     user_message_Ref.addListenerForSingleValueEvent(new ValueEventListener() {
                @Override
                public void onDataChange(@NonNull DataSnapshot dataSnapshot) {

                    if(dataSnapshot.exists())     
                    {
                         // GO TO THE DESIRED ACTIVITY
                       navigateToYOURActivity();

                    }else
                    {

                         // GET KEY 
                      String key = user_message_Ref.push().getKey();
                        // & UPDATE DATABASE                          
                    }
                }

                @Override
                public void onCancelled(@NonNull DatabaseError databaseError) {

                }
            });

模态以三种方式关闭：关闭（x）按钮，esc和在模态外部单击时。

对于关闭按钮，我在.js文件的closeModal（）函数中保存了一个范围布尔变量，并用ng-click等调用了此函数。它可以工作，但是我有一个问题：

• 是否有更好/更短的方法？因为目前它仅适用于关闭按钮，所以我需要对esc和外部模式进行一些操作。

如果这样的话，您能给我一个实现esc和外部模式的想法。