Javascript 角度树过滤器可以'；t暗淡

我正在使用angular ui树过滤器库在我的树视图中创建过滤器。根据这里的示例：您可以通过复选框选择使筛选结果变暗。我试过了，但我只能使根项目变暗。子节点不可用。我学了这个例子，但没能做到。。我在这里拍了一张照片：

顺便说一下，这是html代码的主要部分：

<div ui-tree="" data-drag-enabled="false" id="tree-root">
      <button ng-click="expandAll()">Expand All</button>    
      <button ng-click="collapseAll()">Collapse All</button>
      <ul ui-tree-nodes="" ng-model="data">
        <li ng-repeat="item in data" ui-tree-node="" 
        ng-hide="pattern && !treeFilter(item, pattern, supportedFields) && !dim" 
        ng-include="(item.items) ? 'parent_items_renderer' : 'terminal_item_renderer' "></li>
      </ul>
    </div>
    </div>
    <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="pattern && !treeFilter(item, pattern, supportedFields) && !dim" 
       ng-class="{'filtered-out': pattern && !treeFilter(node, pattern, supportedFields) && dim}"
      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>
  </script>

全部展开
全部崩溃