Update subscription-service.md

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;
-
+  private subscription = inject(SubscriptionService);
-  constructor(private subscription: 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;
-
+  private subscription = inject(SubscriptionService);
-  constructor(private subscription: 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);