角度 2 自定义管道实现

Question

我在网上看到了几个NG2管道的例子，最近我自己开始实现一个：

@Pipe({name: 'planDatePipe'})
export class PlanDatePipe implements PipeTransform {
  transform(value: string): string {
    return localStorage.getItem(value);
  }
}

我在代码审查中被告知，访问 localStorage 在这里不是一个好的做法，因为管道函数通常是"纯"的。 这被认为是NG2的错误编码吗？

Answer 1

这是一个

可怕的想法。管道不应执行get功能，而应获取一个值，对其进行修改，然后返回修改后的值。

管道中的复杂逻辑可能会极大地影响性能。改为在组件本身中获取所需的数据。