在Angular 2中使用管道过滤复选框

西娃

我试图弄清楚如何使用Angular和Pipes构建实时的产品过滤器。在我的html中,我有以下产品循环:

<div *ngFor="#product of products | filter">
    <div class="product">{{product.id}}</div>
</div>

看来我可以通过输入filter:argument来向过滤器函数添加参数,我想知道如何才能添加一个包含来自页面输入字段的值的参数。我想根据是否要更改过滤器中的内容

<input type="checkbox"> 

是否检查。我怎么做?

像素位

使用本地模板变量:

<input #ref type="checkbox">

将值传递给过滤器:

<div *ngFor="#product of products | filter: ref.checked">
    <div class="product">{{product.id}}</div>
</div>

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

在Angular 2中使用管道过滤复选框

来自分类Dev

无法使用 angular 2+ 中的复选框进行过滤

来自分类Dev

如何使用 Angular 2 中的复选框删除多行?

来自分类Dev

如何过滤从Angular中的复选框值排序的列表?

来自分类Dev

在 Angular 8 中使用动态表单创建复选框

来自分类Dev

Angular 2使用模板中的复选框值启用组件中的输入框

来自分类Dev

如何取消选中angular2中的复选框

来自分类Dev

Angular2中的复选框未触发事件

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

Angular 2使用ngFor设置和绑定复选框

来自分类Dev

使用复选框在Angular中显示或隐藏按钮

来自分类Dev

在 Angular 中的(更改)属性之外禁用复选框的使用

来自分类Dev

Angular 2复选框preventDefault

来自分类Dev

Angular 2 杠杆复选框输入

来自分类Dev

Angular 2 复选框值

来自分类Dev

angular js中的复选框功能

来自分类Dev

图像作为Angular中的复选框

来自分类Dev

Angular中的多个复选框

来自分类Dev

Angular 中的复选框对象

来自分类Dev

使用Angular获取复选框的价值

来自分类Dev

在Angular7中使用Checkbox Ag-grids时,复选框出现问题

来自分类Dev

复选框过滤仅适用于刷新Angular2

来自分类Dev

使用角度材料在angular5中选择所有复选框并单选复选框

来自分类Dev

Angular JS,过滤时请记住复选框状态

来自分类Dev

Angular8复选框布尔过滤器

来自分类Dev

Angular8复选框布尔过滤器

来自分类Dev

Angular 复选框过滤掉不工作的产品

来自分类Dev

Angular patchValue() 复选框

来自分类Dev

Angular 2 - 复选框列表 - 如何检查复选框的状态