docs: fix private modifier for the injected service (angular#60619)

PR Close angular#60619

Author: WuglyakBolgoink

adev/src/content/examples/dynamic-form/src/app/dynamic-form.component.ts

@@ -14,7 +14,7 @@ import {QuestionControlService} from './question-control.service';
   imports: [DynamicFormQuestionComponent, ReactiveFormsModule],
 })
 export class DynamicFormComponent {
-  qcs = inject(QuestionControlService);
+  private readonly qcs = inject(QuestionControlService);
 
   questions = input<QuestionBase<string>[] | null>([]);
   form: FormGroup = this.qcs.toFormGroup(this.questions() as QuestionBase<string>[]);

adev/src/content/examples/form-validation/src/app/shared/role.directive.ts

@@ -12,7 +12,7 @@ import {Observable, of} from 'rxjs';
 // #docregion async-validator
 @Injectable({providedIn: 'root'})
 export class UniqueRoleValidator implements AsyncValidator {
-  actorsService = inject(ActorsService);
+  private readonly actorsService = inject(ActorsService);
 
   validate(control: AbstractControl): Observable<ValidationErrors | null> {
     return this.actorsService.isRoleTaken(control.value).pipe(
@@ -35,7 +35,7 @@ export class UniqueRoleValidator implements AsyncValidator {
   ],
 })
 export class UniqueRoleValidatorDirective implements AsyncValidator {
-  validator = inject(UniqueRoleValidator);
+  private readonly validator = inject(UniqueRoleValidator);
 
   validate(control: AbstractControl): Observable<ValidationErrors | null> {
     return this.validator.validate(control);