angularjs mobiscroll-repeat-render 实现treelist搜索

在AngularJS中，结合Mobiscroll和`mobiscroll-repeat-render`插件，实现Treelist（树形列表）的搜索功能，可以按照以下步骤进行：

首先，确保你在项目中已经安装了AngularJS和Mobiscroll库，然后引入相关的模块和依赖：

angular.module('yourApp', ['ng', 'ngSanitize', 'mobiscroll'])

接下来，在控制器中注入必要的服务并配置Mobiscroll-repeater-render：

.controller('YourCtrl', function($scope, $timeout) {
  // 初始化数据模型
  $scope.treeData = ...; // 树状结构的数据

  // 初始化Mobiscroll-repeater-render
  $scope.mobiscrollConfig = {
    element: '#treelist',
    data: $scope.treeData,
    render: {
      type: 'list',
      template: '<li ng-repeat="item in items track by item.id" ng-bind="item.title"></li>',
      search: { inputElement: '.search-input' }, // 搜索输入框的选择器
      match: function(item) { return item.title.toLowerCase().includes(searchText.toLowerCase()); } // 搜索匹配函数
    }
  };
})

在HTML模板中，添加一个Treelist视图和一个搜索输入框：

<div>
  <input type="text" class="search-input" ng-model="searchText">
</div>
<mobiscroll config="mobiscrollConfig"></mobiscroll>

当用户输入搜索文本时，可以在控制器里更新Treelist的渲染：

$scope.$watch('searchText', function() {
  $timeout(function() {
    $scope.mobiscrollConfig.render.data = $scope.filterTreeData();
    $scope.mobiscrollConfig.render.update(); // 更新列表
  });
});

function filterTreeData() {
  return $scope.treeData.filter(function(item) {
    return item.title.toLowerCase().includes($scope.searchText.toLowerCase());
  });
}

这样就实现了Treelist的搜索功能，每次输入都会过滤出匹配的树节点。