Angular 中的不纯管道是什么

Angular中的不纯管道：理解、使用和案例演示

typescript
import { Pipe, PipeTransform } from '@angular/core';
@Pipe({
  name: 'notPurePipe',
  pure: false  // 将pure属性设置为false
})
export class NotPurePipe implements PipeTransform {
  transform(value: any, args?: any): any {
    // 在这里执行不纯管道的转换逻辑
    return value.toUpperCase();
  }
}

typescript
import { Component } from '@angular/core';
@Component({
  selector: 'app-not-pure-pipe-example',
  template: `
    
      
不纯管道示例
      
原始文本: {{ originalText }}
      
转换后文本: {{ originalText | notPurePipe }}
      改变文本
    
  `
})
export class NotPurePipeExampleComponent {
  originalText = 'Hello, Angular!';
  changeText() {
    this.originalText = 'Text changed!';
  }
}