angularjs ui 子级别的树过滤问题
issue with angularjs ui tree filtering at child level
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);
};
});
在您的数据结构中尝试使用项,默认情况下在 ui 树过滤器中。例如,在上面的 plunker 中,数据结构中的节点使用项目。它解决了这个问题。如果你想使用任何其他名称而不是 'items' 那么你需要配置它。
我遇到了同样的问题,您需要使用项目或像这样更改 descendantCollection 设置:
angular.module('myApp')
.config(function (uiTreeFilterSettingsProvider) {
uiTreeFilterSettingsProvider.descendantCollection = ['childs'];
});
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);
};
});
在您的数据结构中尝试使用项,默认情况下在 ui 树过滤器中。例如,在上面的 plunker 中,数据结构中的节点使用项目。它解决了这个问题。如果你想使用任何其他名称而不是 'items' 那么你需要配置它。
我遇到了同样的问题,您需要使用项目或像这样更改 descendantCollection 设置:
angular.module('myApp')
.config(function (uiTreeFilterSettingsProvider) {
uiTreeFilterSettingsProvider.descendantCollection = ['childs'];
});