干掉ng-model

时间:2016-05-18 01:40:10

标签: javascript angularjs debouncing

我有一个小型的网络应用程序,可以接受来自人类的input来创建搜索参数。我正在使用ng-model-options去除ng-change函数以执行搜索。

我在表格上的列名旁边有一个小箭头,供用户排序(有三个图标 - up-downupdown,用于显示的sort_field和sort_order ng-class);我希望注册一个更改,并在使用去抖动一小段延迟后执行搜索。问题是我不确定如何使用ng-model将特定参数绑定到这些图标。我不希望有人敲击排序图标并使服务器或浏览器崩溃。

我更愿意做的是在页面上有一个位置,用于观察search_param对象并在更改后500毫秒触发搜索。这样,当用户完成编辑时,将调用任何输入字段或排序选择,这会触发将这些参数发送到端点的函数。

AngularJS的策略是什么?现在,所有输入字段都绑定search_param对象中的字段,并ng-model-options对更改进行去抖动。这是很多重复的代码。

1 个答案:

答案 0 :(得分:0)

我最近回答了一些关于表格以及为了获得非常基本的功能(排序,搜索,分页)而需要付出的努力和工作量。

如果有一个非常棒的库供您使用,为什么要重新发明轮子: 的角数据表

我在这里发布了一个完整的解决方案供您使用来自json源的数据:Ng-repeat trying to create a counter index

在您的情况下,您需要浏览Datatable网站上的服务器端处理文档,以正确格式化数据:https://datatables.net/manual/server-side