rxjs --> toSignal

angular-schule · Jan 29, 2025 · 5c8b9ff · 5c8b9ff
1 parent 57bc09c
commit 5c8b9ff
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 8 deletions.
diff --git a/rxjs-playground/src/app/exercises/unsubscribe/unsubscribe.component.html b/rxjs-playground/src/app/exercises/unsubscribe/unsubscribe.component.html
@@ -1 +1 @@
-<h2>Counter {{ interval$ | async }}</h2>
+<h2>Counter {{ interval() }}</h2>
diff --git a/rxjs-playground/src/app/exercises/unsubscribe/unsubscribe.component.ts b/rxjs-playground/src/app/exercises/unsubscribe/unsubscribe.component.ts
@@ -1,16 +1,11 @@
-import { AsyncPipe } from '@angular/common';
 import { Component } from '@angular/core';
+import { toSignal } from '@angular/core/rxjs-interop';
 import { tap, timer } from 'rxjs';
 
 @Component({
   templateUrl: './unsubscribe.component.html',
-  imports: [
-    AsyncPipe
-  ]
 })
 export class UnsubscribeComponent {
 
-  interval$ = timer(0, 1000).pipe(
-    tap(console.log)
-  );
+  interval = toSignal(timer(0, 1000), { initialValue: 0 })
 }
Original file line number	Diff line number	Diff line change
		@@ -1 +1 @@
		<h2>Counter {{ interval$ \| async }}</h2>
		<h2>Counter {{ interval() }}</h2>