Add new sub-section about using pipes in component (#30152)

Add example of using custom pipe programmatically in a component method

guide/english/angular/pipes/index.md

@@ -136,7 +136,46 @@ export class AppComponent {
 <h6>{{ someValue | example:‘lowercase’ }}</h6>
 ```
 
-Understanding the above example means you understand Angular pipes. There is only one more topic left to discuss.
+### Using Pipes in Components or Services
+Other than using pipes in the html template as detailed above, we also can call the pipe programmatically in our components or services.
+
+Consider the `ExamplePipe` created above. To use it in a component, we need to provide it to the `@NgModule` where our component is declared.
+
+```typescript
+// app.module.ts
+import { ExamplePipe } from 'example.pipe';
+
+@NgModule({
+  ...
+  providers: [ExamplePipe],
+  ...
+})
+export class AppModule { }
+```
+
+In our component, we need to inject it into the constructor. Then we simply call the transform method on the pipe and passing in the arguments like so:
+
+```typescript
+// app.component.ts
+import { ExamplePipe } from 'example.pipe';
+
+@Component({
+  templateUrl: 'app.component.html'
+})
+export class AppComponent {
+
+  constructor(private examplePipe:ExamplePipe)
+  someValue:string = "HeLlO WoRlD!";
+  
+  // we can call toUpperCase programmatically to convert the string to uppercase
+  toUpperCase(){
+    this.someValue = this.examplePipe.transform(this.someValue, 'uppercase');
+  }
+  
+}
+```
+
+Understanding the above examples means you understand Angular pipes. There is only one more topic left to discuss.
 
 #### Pure and Impure Pipes