docs: update ProfileEditorComponent to use inject() for FormBuilder (angular#58378)

PR Close angular#58378

Author: JeevanMahesha

adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.2.ts

@@ -1,6 +1,6 @@
 // #docplaster
 // #docregion form-builder
-import {Component} from '@angular/core';
+import {Component, inject} from '@angular/core';
 // #docregion form-builder-imports
 import {FormBuilder} from '@angular/forms';
 // #enddocregion form-builder-imports, form-builder
@@ -16,6 +16,9 @@ import {FormArray} from '@angular/forms';
   standalone: false,
 })
 export class ProfileEditorComponent {
+  // #docregion inject-form-builder
+  private formBuilder = inject(FormBuilder);
+  // #enddocregion inject-form-builder
   // #docregion formgroup-compare
   profileForm = this.formBuilder.group({
     firstName: [''],
@@ -35,11 +38,6 @@ export class ProfileEditorComponent {
     return this.profileForm.get('aliases') as FormArray;
   }
 
-  // #docregion inject-form-builder, form-builder
-
-  constructor(private formBuilder: FormBuilder) {}
-  // #enddocregion inject-form-builder, form-builder
-
   updateProfile() {
     this.profileForm.patchValue({
       firstName: 'Nancy',

adev/src/content/guide/forms/reactive-forms.md

@@ -259,7 +259,7 @@ Import the `FormBuilder` class from the `@angular/forms` package.
 </docs-step>
 
 <docs-step title="Inject the FormBuilder service">
-The `FormBuilder` service is an injectable provider that is provided with the reactive forms module. Inject this dependency by adding it to the component constructor.
+The `FormBuilder` service is an injectable provider from the reactive forms module. Use the `inject()` function to inject this dependency in your component.
 
 <docs-code header="src/app/profile-editor/profile-editor.component.ts (constructor)" path="adev/src/content/examples/reactive-forms/src/app/profile-editor/profile-editor.component.2.ts" visibleRegion="inject-form-builder"/>