当前位置：首页 > 软件库 > Web应用开发 > Web框架 >

until-destroy

授权协议 MIT License

开发语言 JavaScript

所属分类 Web应用开发、 Web框架

软件类型开源软件

地区不详

投递者钱选

操作系统跨平台

开源组织无

适用人群未知

软件概览

�� Unsubscribe For Pros

A neat way to unsubscribe from observables when the component destroyed

Angular 10 Compatibility

@ngneat/until-destroy@8+ is compatible only with Angular starting from 10.0.5 version. @ngneat/until-destroy@7 is compatible with Angular versions below 10.0.5. If you have noticed that unsubscribing does not work after some update then check the version of Angular and @ngneat/until-destroy first of all.

Use with Ivy

npm install @ngneat/until-destroy
# Or if you use yarn
yarn add @ngneat/until-destroy

import { UntilDestroy, untilDestroyed } from '@ngneat/until-destroy';

@UntilDestroy()
@Component({})
export class InboxComponent {
  ngOnInit() {
    interval(1000)
      .pipe(untilDestroyed(this))
      .subscribe();
  }
}

You can set the checkProperties option to true if you want to unsubscribe from subscriptions properties automatically:

@UntilDestroy({ checkProperties: true })
@Component({})
export class HomeComponent {
  // We'll dispose it on destroy
  subscription = fromEvent(document, 'mousemove').subscribe();
}

You can set the arrayName property if you want to unsubscribe from each subscription in the specified array.

@UntilDestroy({ arrayName: 'subscriptions' })
@Component({})
export class HomeComponent {
  subscriptions = [
    fromEvent(document, 'click').subscribe(),
    fromEvent(document, 'mousemove').subscribe()
  ];

  // You can still use the operator
  ngOnInit() {
    interval(1000).pipe(untilDestroyed(this));
  }
}

You can set the blackList property if you don't want to unsubscribe from one or more subscriptions.

@UntilDestroy({ checkProperties: true, blackList: ['subscription1'] })
@Component({})
export class HomeComponent {
  // subscription1 will not be unsubscribed upon component destruction
  subscription1: Subscription;
  // subscription2 will be unsubscribed upon component destruction
  subscription2: Subscription;

  constructor() {
    this.subscription1 = new Subject().subscribe();
    this.subscription2 = new Subject().subscribe();
  }
}

Use with Non-Singleton Services

@UntilDestroy()
@Injectable()
export class InboxService {
  constructor() {
    interval(1000)
      .pipe(untilDestroyed(this))
      .subscribe();
  }
}

@Component({
  providers: [InboxService]
})
export class InboxComponent {
  constructor(inboxService: InboxService) {}
}

All options, described above, are also applicable to providers.

Use with View Engine (Pre Ivy)

npm install ngx-take-until-destroy
# Or if you use yarn
yarn add ngx-take-until-destroy

import { untilDestroyed } from 'ngx-take-until-destroy';

@Component({})
export class InboxComponent implements OnDestroy {
  ngOnInit() {
    interval(1000)
      .pipe(untilDestroyed(this))
      .subscribe(val => console.log(val));
  }

  // This method must be present, even if empty.
  ngOnDestroy() {
    // To protect you, we'll throw an error if it doesn't exist.
  }
}

Use with Any Class

import { untilDestroyed } from 'ngx-take-until-destroy';

export class Widget {
  constructor() {
    interval(1000)
      .pipe(untilDestroyed(this, 'destroy'))
      .subscribe(console.log);
  }

  // The name needs to be the same as the second parameter
  destroy() {}
}

Migration from View Engine to Ivy

To make it easier for you to migrate, we've built a script that will update the imports path and add the decorator for you. The script is shipped as a separate package. Run the following command to install it:

npm i --save-dev @ngneat/until-destroy-migration
# Or if you use yarn
yarn add -D @ngneat/until-destroy-migration

Then run the following command:

npx @ngneat/until-destroy-migration --base my/path

base defaults to ./src/app.

You can use the --removeOnDestroy flag for empty OnDestroy methods removing.

npx @ngneat/until-destroy-migration --removeOnDestroy

You can remove the package once the migration is done.

Potential Pitfalls

The order of decorators is important, make sure to put @UntilDestroy() before the @Component() decorator.
When using overrideComponent in unit tests remember that it overrides metadata and component definition. Invoke UntilDestroy()(YourComponent); to reapply the decorator. See here for an example.

ESLint Rules

Contributors ✨

Thanks goes to these wonderful people (emoji key):

_{Dmitrii Korostelev}

��

This project follows the all-contributors specification. Contributions of any kind welcome!

使用案例

Java Thread destroy()方法

Java Thread destroy()方法 java.lang.Thread.destroy() 方法用于销毁线程组及其所有子组。线程组必须为空，表示该线程组中的所有线程此后都已停止。 1 语法 public void destroy() 2 参数无 3 返回值无 4 示例 package com.yiidian; /** * 一点教程网： http://www.yiidian.com *
系统编程06-(pthread_attr_init、pthread_attr_setdetachstate、pthread_attr_destroy、pthread_detach.......

目录一、线程的属性----分离属性（attr->attribute） 1.什么是分离属性？ 2.如何创建分离属性的线程？ -> pthread_attr_setdetachstate() -> man 3 方法一：添加一个分离属性到一个属性变量中，然后使用属性变量去创建一个线程，那么创建出来的线程就是具有分离属性的线程。练习1：验证一个分离属性的线程退出，主线程还可不可以去接合(阻塞等待回
解决python - "tkinter.TclError: invalid command name" error after calling root.destroy()

I am in the process of learning tkinter on Python 3.X. I am writing a simple program which will get one or more balls (tkinter ovals) bouncing round a rectangular court (tkinter root window with a can
Unity中的Destroy和null 问题

Unity中的Destroy和null 问题 Unity中，我们经常需要销毁物体，Unity也给我们提供了销毁的API。 Destroy( )和 DestroyImmediate( ); 这两种都可以进行销毁，但是还是有一定的区别，同时还是要注意使用的坑点。在QQ群看到，好多人还是对这些不太清楚，所以花时间来重新学习和验证一下。官方API文档 Destroy https://docs.unit
unity3D技术之Object.Destroy 销毁

static function Destroy (obj : Object, t : float = 0.0F) : void Description描述 Removes a gameobject, component or asset. 删除一个游戏物体，组件或者资源。 The object obj will be destroyed now or if a time is specified
学习信号量 sem_init、sem_destroy、sem_post、sem_wait、sem_trywait、sem_getvalue

1.信号量使用场合我理解的信号量使用场合当两个进程（线程）通信时，一个进程（线程）需要读操作，一个进程（线程）需要写操作，在这种情况下，当出现同一时刻有多个进程（线程）对共享内存进行读写时，会出现数据损坏或丢失，此种情况下使用信号量就可以起到保护作用。实现方式：是一种类似锁的机制，几个进程（线程）间都可以通过获取到同一个信号量的值，判断临界资源是否被信号量“锁住”，此时能否读取。 2.PO
Java ThreadGroup destroy()方法

Java ThreadGroup destroy()方法 java.lang.ThreadGroup.destroy() 方法破坏该线程组及其所有子组。此线程组必须为空，表明已被该线程组中的所有线程都停止。 1 语法 public final void destroy() 2 参数 filename ：这是加载文件。 3 返回值此方法不返回任何值。 4 示例 package com.yiidi
java.lang.Process.exitValue()和waitFor()和destroy()

currProcess=currRuntime.exec(cmd); 这个返回一个process对象 destroy,exitValue,waitFor 有三个方法看官方文档 waitFor public abstract int waitFor() throws InterruptedException Causes the current thread to wait, if necessa
Linux C语言信号量 sem_init() sem_wait() sem_timedwait() sem_post() sem_destroy()

sem_init SEM_INIT(3) Linux Programmer's Manual SEM_INIT(3) NAME sem_init - init

until-destroy

�� Unsubscribe For Pros

Table of contents

Angular 10 Compatibility

Use with Ivy

Use with Non-Singleton Services

Use with View Engine (Pre Ivy)

Use with Any Class

Migration from View Engine to Ivy

Potential Pitfalls

ESLint Rules

Contributors ✨

同类工具

相关阅读

相关文章

相关问答

相关文档