Search code examples
angularjsangular-uiangularjs-filterangular-ui-treeangularjs-ui-utils

issue with angularjs ui tree filtering at child level


Angularjs UI tree filtering feature is not working at child level however it is working fine at group level. For example if we type node1 or node2 filtering works fine, but if we type node1.2 or node2.1, filtering won't work properly. Please find plnkr

If I add the following code to my script.js file everything is scrapping out. So I have commented that part.

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

Solution

  • In your data structure try to use items, it is by default in ui tree filter. For example in above plunker, instead nodes in the data structure, use items. It solves the problem. If you want to use any other name instead 'items' then you need to configure it.