在子级别上使用angularjs ui树过滤的问题

时间:2015-03-13 06:21:04

标签: angularjs angular-ui angularjs-filter angular-ui-tree angularjs-ui-utils

Angularjs UI树过滤功能在子级别不起作用,但它在组级别工作正常。例如,如果我们键入node1或node2过滤工作正常,但如果我们键入node1.2或node2.1,过滤将无法正常工作。请找plnkr

如果我将以下代码添加到我的script.js文件中,一切都在废弃。所以我评论了那一部分。

angular.module('folderApp', ['ui.tree',  'ui.tree-filter',  'ui.highlight'])
 .filter('trust', function ($sce) {
            return function (val) {
                return $sce.trustAsHtml(val);
            };
        });

2 个答案:

答案 0 :(得分:2)

在您的数据结构中尝试使用项目,默认情况下是ui树过滤器。例如,在上面的plunker中,而不是数据结构中的节点,使用项目。它解决了这个问题。如果您想使用任何其他名称而不是“项目”,则需要对其进行配置。

答案 1 :(得分:0)

我有同样的问题,您需要使用项目或只需更改descendantCollection设置:

angular.module('myApp')
  .config(function (uiTreeFilterSettingsProvider) {
    uiTreeFilterSettingsProvider.descendantCollection = ['childs'];
  });