AngularMaterial可编辑表格中使用FormArray时，过滤器不起作用。
创始人
2024-10-28 09:30:31
0次

在使用FormArray时，因为数据不是直接绑定到table上，所以使用内置的过滤器无法起作用。解决方法是在组件中编写自定义的过滤器函数，并将其绑定到table的dataSource上。

首先，在组件中定义过滤器函数，例如：

applyFilter(filterValue: string) {
  this.dataSource.filterPredicate = (data: any, filter: string) => {
    return data.name.indexOf(filterValue) !== -1;
  };
  this.dataSource.filter = filterValue.trim().toLowerCase();
}

然后，在HTML模板中添加过滤器的输入框和按钮，并将其绑定到过滤器函数上，例如：


  





  ...

这样就可以在Angular Material可编辑表格中使用FormArray并添加过滤器功能了。

上一篇：Angularmaterial基于哪个版本（v2或v3）？

下一篇：AngularMaterial涟漪效果偏离元素。

相关内容

热门资讯

德州之星辅助！德州nzt实战，... 德州之星辅助！德州nzt实战，wpk德州切实有挂（详细免费辅助神器app教程）（1）德州之星辅助！德...
攻略教程!wepoke系统是免... 攻略教程!wepoke系统是免费的(wepoke透明挂黑科技)wepoKE(本来真的有挂)；（需添加...
wpk透明挂(Wpk)wpk外... wpk透明挂(Wpk)wpk外 挂被实锤(透视)本来真的有挂(微扑克教程)1、上手简单，内置详细流程...
德州之星插件！德扑之星可以查数... 德州之星插件！德扑之星可以查数据，德扑之星切实真的是有挂（详细智能机器人教程）；无聊就玩这款德州之星...
wpk发牌逻辑(wpK)wpk... wpk发牌逻辑(wpK)wpk辅助器安装(透明挂)都是真的有挂(详细教程)；1、wpkai辅助优化，...
wepokeai机器人！wep... 1、wepokeai机器人！wepkoe有外 挂，wepoke软件规律，必赢方法（有挂教程）；详细教...
德扑数据软件！线上德州辅助工具... 您好，德扑数据软件这款游戏可以开挂的，确实是有挂的，需要了解加微【136704302】很多玩家在这款...
wpk辅助挂！wpk微扑克真的... wpk辅助挂！wpk微扑克真的有辅助插件（wpK）都是真的有挂-详细透视辅助教程1、金币登录送、破产...
wepoke教程!wepoke... wepoke教程!wepoke ai代打辅助(wepokeai代打的胜率)WePoKer(的确是有挂...
wpk德州透视辅助(WPk)w... wpk德州透视辅助(WPk)wpk微扑克俱乐部(透视辅助)的确真的有挂(解说技巧)；1）微扑克辅助挂...