0x14Rp · April 29, 2020 21:52 · Apr 12, 2020 · Apr 12, 2020 · Apr 12, 2020 · Apr 12, 2020
diff --git a/66-async-validations.md b/66-async-validations.md
@@ -47,4 +47,12 @@ validateEmail(control: AbstractControl)  {
       })
     );
   }
+```
+
+### html
+
+```html
+<p class="help is-danger" *ngIf="emailField.hasError('notAvailable')">
+  Es correo esta ocupado
+</p>
 ```
diff --git a/66-async-validations.md b/66-async-validations.md
@@ -33,4 +33,18 @@ static validateEmail(userService: UserService) {
       );
     };
   }
+```
+
+
+```ts
+validateEmail(control: AbstractControl)  {
+    const value = control.value;
+    return this.userService.checkEmail(value)
+    .pipe(
+      map(response => {
+        const isEmailAvailable = response.isEmailAvailable;
+        return isEmailAvailable ? null : {notAvailable: true};
+      })
+    );
+  }
 ```
diff --git a/66-async-validations.md b/66-async-validations.md
@@ -1,3 +1,5 @@
+## service
+
 ```ts
 @Injectable({
   providedIn: 'root'
@@ -14,4 +16,21 @@ export class UserService {
       .pipe(delay(500));
   }
 }
+```
+
+## validations
+
+```ts
+static validateEmail(userService: UserService) {
+    return (control: AbstractControl) => {
+      const value = control.value;
+      return userService.checkEmail(value)
+      .pipe(
+        map(response => {
+          const isEmailAvailable = response.isEmailAvailable;
+          return isEmailAvailable ? null : {notAvailable: true};
+        })
+      );
+    };
+  }
 ```
diff --git a/66-async-validations.md b/66-async-validations.md
@@ -0,0 +1,17 @@
+```ts
+@Injectable({
+  providedIn: 'root'
+})
+export class UserService {
+
+  constructor(
+    private http: HttpClient
+  ) { }
+
+  checkEmail(email: string) {
+    // simulate http.get()
+    return of({ isEmailAvailable: email !== 'nicolas@gmail.com'})
+      .pipe(delay(500));
+  }
+}
+```