Jquery metisMenu与Angular一起使用时默认为“全部打开”

我正在将基于模板的现有站点转换为使用Angular。SB Admin 2使用metisMenu jquery插件。起初，我在使用ng repeat生成菜单项时遇到了一个问题，似乎metisMenu没有被激活。我按照发布的S.O.解决方案解决了这个问题，创建了一个自定义指令，在ng repeat完成后激活metisMenu

但是，我现在的问题是，当页面加载时，我的所有菜单项“父项”和“子项”都默认为“展开”，而不是默认为“折叠”。如果我单击关闭其中一个项目，它们都会缩小，行为会恢复正常

这是我的html（注意，我必须将默认的角度分隔符：{{}}更改为，因为我使用的是Django）：

//data.files是我通过ajax在控制器中加载的一些json数据

以下是初始加载时，所有内容都已展开时的情况：

当使用SB Admin 2和metisMenu与Angular加载页面时，如何使侧边栏菜单默认为all closed？如果我不使用ng repeat，而只是手动生成菜单项，那么它们将按预期工作。只有在使用ng repeat生成列表项之后，它们才会默认为所有展开项

// data.files is some json data I load via ajax in my controller
<div ng-controller="sidebarCtrl" class="navbar-default sidebar" id="sidebar" role="navigation">
  <div class="sidebar-nav navbar-collapse">
    <ul class="nav" id="side-menu">
      <li ng-repeat="item in data.files" metis="">
        <a href="#"><{ item.pretty_name }></a>
        <ul class="nav nav-second-level">
          <li>
              <a href="#">Second Level Item</a>
          </li>
          <li>
              <a href="#">Second Level Item</a>
          </li>
        </ul>
      </li>
    </ul>
  </div>
</div>