Javascript UI树筛选器不展开折叠的节点

我试图在树上有一个过滤器，如果父节点的子节点是匹配的，它将展开父节点。当前，如果展开了所有节点，则过滤器将正常工作。一旦所有节点都折叠，过滤器就没有任何功能

例如，当所有节点都展开时，如果我键入，比如Kevin，那么只有关联的父节点将展开，所有其他节点将折叠。另一方面，当所有节点都折叠时，如果我键入Kevin，则不会展开任何节点

但是！这是踢球者；如果我输入'kevv'，结果是没有节点展开。删除第二个“v”后，kevin节点将与所有关联的父节点一起展开

我通过这篇文章来展示我真正的应用程序背后的功能，所以我为缺少样式表示歉意

这是我的

我正在努力实现同样的目标。你找到解决这个问题的办法了吗？如果是，请在下面张贴答案。

<ul ui-tree-nodes="" ng-model="data">
    <li ng-repeat="item in data" ui-tree-node="" collapsed="!treeFilter(item, pattern, supportedFields)" ng-include="(item.items) ? 'parent_items_renderer' : 'terminal_item_renderer' "></li>
</ul>
<script type="text/ng-template" id="parent_items_renderer">
<div ui-tree-handle class="tree-node tree-node-content">
  <a href="">
    <div class="" ng-if="item.items" data-nodrag ng-click="toggle(this)">
      <span class="glyphicon" ng-class="{
              'glyphicon-chevron-right closed': collapsed,
              'glyphicon-chevron-down open': !collapsed}">
          </span>
     <span class="" ng-bind-html="item.title | highlight:pattern | trust"> {{item.title}}</span>
    </div>
  </a>
</div>
<ul ui-tree-nodes ng-model="item.items" ng-class="{hidden: collapsed}" >
  <li ng-repeat="item in item.items"  ui-tree-node  ng-init="collapse()" collapsed="!treeFilter(item, pattern, supportedFields)"  ng-include="(item.items) ? 'parent_items_renderer' :  'terminal_item_renderer' "> </li>
</ul>
</script>
<script type="text/ng-template" id="terminal_item_renderer">
<div ui-tree-handle class="tree-node tree-node-content">
  <a href="">
    <span></span>
    <div ng-if="!item.items" class="item outcome">
      <span ng-bind-html="item.title | highlight:pattern | trust ">{{item.title}}</span>
    </div>
  </a>
</div>