Aperçu du développement :
- _API symétrique vers input(), model() etc.
- Types fixes pour EventEmitter.emit : la méthode d’émission actuelle de EventEmitter est interrompue et accepte un élément non défini via submit (value ? : T)
- Suppression des concepts spécifiques à RxJS des sorties. canaux d’erreur, canaux d’achèvement, etc. Nous avons maintenant une interface simple et cohérente.
- Nettoyage automatique des abonnés lors de la destruction de la directive/du composant lors de l’abonnement par programme._
Exemples :
import {output} from '@angular/core';
@Directive({..})
export class MyDir {
nameChange = output<string>(); // OutputEmitterRef<string>
onClick = output(); // OutputEmitterRef<void>
doSomething() {
this.onClick.emit();
}
} outputFromObservable
Déclare une sortie angulaire qui utilise un RXJ observable comme source d’événements envoyés aux abonnés parents.
import {outputFromObservable} from '@angular/core/rxjs-interop';
@Directive({..})
export class MyDir {
nameChange$ = new BehavorSubject<string>();
nameChange = outputFromObservable(this.nameChange$); // OutputRef<string>
} outputToObservable
Convertit une sortie angulaire déclarée via Output() ou OutputFromObservable() en observable.
import {outputToObservable} from '@angular/core/rxjs-interop';
outputToObservable(myInstance.someOutput)
.pipe(take(1))
.subscribe(...) 