Angular ngTable 按钮选择

一、需求：



1） 图中有多个按钮，表示各种状态，要求按照状态过滤数据；

例如：点“已终止”时，只显示状态为“TERMINATED”的数据

二、实现

说明：采用的是ngtable

步骤：

1、 页面定义按钮;



1） model为filter.status（在控制器里面有定义），当点击某个按钮后，filter.status的值变为btn-radio的值。

2、 定义Tabel



name没有必要指定，过滤的时候，还是按照数据中的字段名称来的。

3、 控制器部分代码：

1） 定义过滤器



2） 定义前台表格对应的ngtable，并指定过滤器



4、 小结:

当点击按钮时，filters.status的值改变，然后ngtable会根据新的过滤器刷新表格。

Thanks， hope useful。