Angular :未检测到管道变化

Question

我有这个管道，它将 input 值乘以从服务中检索到的其他值:

@Pipe({
    name: 'multiply'
})
export class MultiplyPipe implements PipeTransform {
    constructor(private service: StateService) { }

    transform(value: any, args?: any): any {
        return value * this.service.multiplier;
    }
}

用法:

{{ value | multiply }}

DEMO

这工作正常，但是当来自服务的 multiply 值发生变化时，它不会触发任何变化检测，因此

 {{ value | multiply }}

不再运行，在屏幕上留下旧值。有什么建议可以解决这个问题吗？

Answer 1

如 Angular documentation 中所述, 如 this stackblitz 所示，强制调用管道的一种方法是使其不纯:

@Pipe({
  name: 'multiply',
  pure: false
})

关于纯管道和不纯管道的更多细节，你可以看this article .