使用 Angular ES5 创建滤镜

Question

我在ES5中使用Angular v 4.4.4创建了一个项目，但我在制作管道过滤器来过滤表格结果时遇到了困难(*ngFor 用于填充表格(。我搜索了所有地方，都找不到一个例子。这是否可能，如果是，有人可以给我举个例子吗？

这是我到目前为止不完整的代码尝试

var SearchFilter = ng.core
.Pipe({
    name: "searchFilterTable"
})
.Class({
    constructor: function SearchFilter () {},
    transform: function() {
    }
});

Answer 1

找到了一个解决方案：

ES5

var SearchFilter = ng.core.Pipe({
      name: "searchFilterTable"
    })
    .Class({
        constructor: function SearchFilter () {},
      transform: function(elements, string) {
          console.log(elements);
          console.log(string);
          return elements.filter(
                  item => item.name.toLowerCase().indexOf(string.toLowerCase()) !== -1);
      }
    });

目录

<tr *ngFor='let gateway of gateways | searchFilterTable:keyword'>
    <td class="special-td">{{ gateway.name }}<br><a>(edit)</a></td>
    <td class="special-td">{{ gateway.type }}</td>
    <td class="special-td">{{ gateway.forwardingAddress }}</td>
    <td class="special-td copy">{{ gateway.key }}</td>
    <td class="special-td"></td>
</tr>

确保将管道添加到您的声明/导入中