angular - 除了异步管道之外，还有另一种自动订阅/取消订阅可观察对象的方法吗？

Question

我想知道是否有另一种方法可以自动订阅/取消订阅可观察对象？我主要在 html 模板中看到异步管道，但是当我想在我的组件类中做某事时，例如谈论当你在一个 Angular 项目中工作时呢。

Answer 1

我会推荐以下退订方法之一:

1. async pipe
2. 使用takeUntil接线员:

@Component({
  selector: 'my-app',
  templateUrl: './app.component.html',
  styleUrls: [ './app.component.css' ]
})
export class AppComponent implements OnInit, OnDestroy {
  private readonly componentDestroyed$ = new Subject();

  ngOnDestroy(): void { this.componentDestroyed$.next() }

  ngOnInit(): void {
    myObservable$.pipe(takeUntil(this.componentDestroyed$)).subscribe(() => {
      // your code here...
    })
  }
}

1. 使用subsink帮助您管理订阅
2. 使用基于装饰器的方法，例如 ngx-auto-unsubscribe对于 Angular < 9 或 until-destroy对于 Angular >= 9