From a2302c1b627fa5f5ee1492d7393115ebf55d6591 Mon Sep 17 00:00:00 2001
From: Fahri Gedik <fahrican9978@gmail.com>
Date: Tue, 8 Jul 2025 17:37:31 +0300
Subject: [PATCH] Update subscription-service.md

---
 .../ui/angular/subscription-service.md        | 21 ++++++++++---------
 1 file changed, 11 insertions(+), 10 deletions(-)

diff --git a/docs/en/framework/ui/angular/subscription-service.md b/docs/en/framework/ui/angular/subscription-service.md
index e080f8f3fa..f098d556d4 100644
--- a/docs/en/framework/ui/angular/subscription-service.md
+++ b/docs/en/framework/ui/angular/subscription-service.md
@@ -8,6 +8,7 @@ You have to provide the `SubscriptionService` at component or directive level, b
 
 ```js
 import { SubscriptionService } from '@abp/ng.core';
+import { inject } from '@angular/core';
 
 @Component({
   /* class metadata here */
@@ -16,7 +17,9 @@ import { SubscriptionService } from '@abp/ng.core';
 class DemoComponent {
   count$ = interval(1000);
 
-  constructor(private subscription: SubscriptionService) {
+  private subscription = inject(SubscriptionService);
+
+  constructor() {
     this.subscription.addOne(this.count$, console.log);
   }
 }
@@ -38,7 +41,7 @@ You can pass a `next` function and an `error` function.
   providers: [SubscriptionService],
 })
 class DemoComponent implements OnInit {
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     const source$ = interval(1000);
@@ -61,7 +64,7 @@ Or, you can pass an observer.
   providers: [SubscriptionService],
 })
 class DemoComponent implements OnInit {
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     const source$ = interval(1000);
@@ -87,7 +90,7 @@ There are two ways to do that. If you are not going to subscribe again, you may
   providers: [SubscriptionService],
 })
 class DemoComponent implements OnInit {
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     this.subscription.addOne(interval(1000), console.log);
@@ -107,7 +110,7 @@ This will clear all subscriptions, but you will not be able to subscribe again.
   providers: [SubscriptionService],
 })
 class DemoComponent implements OnInit {
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     this.subscription.addOne(interval(1000), console.log);
@@ -131,8 +134,7 @@ Sometimes, you may need to unsubscribe from a particular subscription but leave
 })
 class DemoComponent implements OnInit {
   countSubscription: Subscription;
-
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     this.countSubscription = this.subscription.addOne(
@@ -159,8 +161,7 @@ You may want to take control of a particular subscription. In such a case, you m
 })
 class DemoComponent implements OnInit {
   countSubscription: Subscription;
-
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     this.countSubscription = this.subscription.addOne(
@@ -186,7 +187,7 @@ Please use `isClosed` getter to check if `closeAll` was called before.
   providers: [SubscriptionService],
 })
 class DemoComponent implements OnInit {
-  constructor(private subscription: SubscriptionService) {}
+  private subscription = inject(SubscriptionService);
 
   ngOnInit() {
     this.subscription.addOne(interval(1000), console.log);