docs(forms): Update catchError to return an observable (angular#34357)

Closes angular#34323 PR Close angular#34357
josephperrott · Dec 11, 2019 · 5f2897b · 5f2897b
1 parent 6ce9403
commit 5f2897b
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/aio/content/examples/form-validation/src/app/shared/alter-ego.directive.ts b/aio/content/examples/form-validation/src/app/shared/alter-ego.directive.ts
@@ -7,7 +7,7 @@ import {
 } from '@angular/forms';
 import { catchError, map } from 'rxjs/operators';
 import { HeroesService } from './heroes.service';
-import { Observable } from 'rxjs';
+import { Observable, of } from 'rxjs';
 
 // #docregion async-validator
 @Injectable({ providedIn: 'root' })
@@ -19,7 +19,7 @@ export class UniqueAlterEgoValidator implements AsyncValidator {
   ): Promise<ValidationErrors | null> | Observable<ValidationErrors | null> {
     return this.heroesService.isAlterEgoTaken(ctrl.value).pipe(
       map(isTaken => (isTaken ? { uniqueAlterEgo: true } : null)),
-      catchError(() => null)
+      catchError(() => of(null))
     );
   }
 }