mcpField
A
angular-destroyref

angular-destroyref

github.com/oguzhan18开发7182 次安装31 周前更新
代码仓库

关于 angular-destroyref

面向 Angular 开发者的 DestroyRef 资源清理参考，展示如何在组件和服务中使用 takeUntilDestroyed，使 Observable 订阅随生命周期结束。

主要功能

  1. 01使用 takeUntilDestroyed
  2. 02清理组件订阅
  3. 03在服务中应用清理

适用场景

  1. 01随组件生命周期结束订阅
  2. 02管理服务中的 Observable 清理

安装

复制下面的命令，在终端中运行。

$npx skills add https://github.com/oguzhan18/angular-ecosystem-skills --skill angular-destroyref

安装后在 Claude Code 中输入/angular-destroyref确认已加载。

包含的文件

除 SKILL.md 外，安装时一起下载的参考资料和脚本。

references/discussions/
_INDEX.md
references/docs/
_INDEX.md
references/issues/
_INDEX.md
references/releases/
_INDEX.md

README 原文English

来自项目 README

README 暂无中文译文，以下为英文原文；中文介绍见上方。

Angular DestroyRef

Version: Angular 16+ (2025) Tags: DestroyRef, Cleanup, takeUntilDestroyed

References: DestroyRef

Best Practices

  • Use takeUntilDestroyed
import { takeUntilDestroyed } from '@angular/core/rxjs-interop';

@Component({})
export class MyComponent {
  private destroyRef = inject(DestroyRef);
  
  ngOnInit() {
    this.data$.pipe(
      takeUntilDestroyed(this.destroyRef)
    ).subscribe();
  }
}
  • Use in service
@Injectable({ providedIn: 'root' })
export class DataService {
  private destroyRef = inject(DestroyRef);
  
  getData() {
    return this.http.get('/api/data').pipe(
      takeUntilDestroyed(this.destroyRef)
    );
  }
}

评论

支持 Markdown