如何使用过滤器和一次性绑定进行ng-repeat工作?

时间:2017-09-27 07:40:01

标签: javascript angularjs performance frontend

美好的一天。 我正在寻找加快速度的方法 使用ng-repeat渲染的项目。 我的角度版本是1.6.4 我负责模板渲染的代码示例是:

div ng-repeat="data in vm.items
 | filter: {status: vm.filterValue, title: vm.fitler@Value} 
 |  orderBy:vm.sortParam"

我为此目的使用了一次时间绑定

<div ng-repeat="data in ::vm.items 
| filter: {status: vm.filterValue, title: vm.fitler@Value} 
|  orderBy:vm.sortParam"

它在页面上呈现数据,但过滤器根本不起作用。 每个重复的元素都有它与控制器,范围和监听器的单独指令(我还为优化目标添加了:: inside {{}})。

此外,我还为输入添加了debounce(250)参数,用于搜索。它使UI更好(输入一些文本之间的较小冻结,并且它出现在输入中)

请您提供建议,以提高ng-repeat的渲染效果以及如何使用ng-repeat和filter选项过滤?

0 个答案:

没有答案