javascript - Angular 2 自定义管道实现

Question

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

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

我在代码审查中被告知，访问 localStorage 在这里并不是一个好的做法，因为管道函数通常是“纯粹的”。这是否被认为是 NG2 的糟糕编码？

Answer 1

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

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