Angular 2代码用于多个过滤器

阿夫罗兹·阿拉姆(Afroz Alam)

我是angular js的新手。我正在尝试使用angular 2实现与此处相同的功能

我在角度1中使用的html如下:

Basically i have an array like:
[
    {name: 'Wine A', category: 'red'},
    {name: 'Wine B', category: 'red'},
    {name: 'Wine C', category: 'white'},
    {name: 'Wine D', category: 'red'},
    {name: 'Wine E', category: 'red'},
    {name: 'Wine F', category: 'white'},
    {name: 'Wine G', category: 'champagne'},
    {name: 'Wine H', category: 'champagne'}    
  ];

该数组可以具有2个以上的属性。我希望为每个属性生成复选框过滤器,就像我给的js小提琴示例一样。

我已经花了两天,但无法做到这一点。

克里斯托弗·摩尔

在数组上迭代的angular2方法是使用ngFor指令

<div *ngFor="let wine of wineArray" >
    <input type="checkbox" [(ngModel)]="wine.selected">
    <label>{{ wine.name }}</label>
</div>

我们使用以下方式将复选框选择绑定到原始数​​组 ngModel

有关ngFor&的更多信息,ngModel请参见文档

如果您对Angular1更为熟悉,则还有一个有用的转换指南,介绍了从ng1到ng2的映射技术

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

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

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

使用“多个过滤器”的Angular JS

来自分类Dev

Angular2过滤器问题

来自分类Dev

使用 2 参数过滤器(Angular)从对象中删除多个对象

来自分类Dev

Angular使用多个过滤器获取行数

来自分类Dev

Angular JS-多个ngrepeat和过滤器问题

来自分类Dev

Angular 中的过滤器

来自分类Dev

如何在 angular2 中创建独特的过滤器过滤器组件

来自分类Dev

Angular JS - 将 Javascript 过滤逻辑应用于 Angular 过滤器

来自分类Dev

Angular2在服务内部应用过滤器

来自分类Dev

Angular2管道过滤器的最佳命名方式

来自分类Dev

Angular 2管道/过滤器,组件变量

来自分类Dev

Angular 2管道/过滤器,组件变量

来自分类Dev

输入上的Angular2过滤器管道

来自分类Dev

Kendo UI Angular 2 Grid 上的日期过滤器

来自分类Dev

angular2 - 剑道过滤器不起作用

来自分类Dev

Angular 2 - 比较数组过滤器中的日期

来自分类Dev

Angular JS过滤器组选择过滤器

来自分类Dev

如何覆盖Angular的数字过滤器?

来自分类Dev

Angular JS按过滤器分组

来自分类Dev

Angular JS过滤器工作异常?

来自分类Dev

Angular JS过滤器参数

来自分类Dev

Angular Js中的过滤器

来自分类Dev

在Angular中重复过滤器

来自分类Dev

Angular JS过滤器重复

来自分类Dev

如何修复过滤器 Angular JS?

来自分类Dev

Angular 6 过滤器 JSON

来自分类Dev

Angular 中的 Http 过滤器

来自分类Dev

Angular/Typescript 中的对象过滤器

来自分类Dev

为什么以下Angular 1.6代码无法通过这种方式过滤为小写?