使用观察值时，在angular 2异步验证器中返回什么

在Angular 2的异步验证器中，当使用观察值时，应该返回一个Observable对象。这个Observable对象可以发出两种可能的值：null或一个对象，其中包含验证错误的信息。

异步验证器是用于在表单中进行异步验证的一种机制。它可以用于检查用户输入是否符合特定的条件，例如检查用户名是否已经存在于数据库中。在Angular中，异步验证器是通过在FormControl对象上使用AsyncValidatorFn函数来实现的。

下面是一个示例代码，展示了如何在Angular 2中使用观察值并返回Observable对象的异步验证器：

import { AbstractControl, AsyncValidatorFn } from '@angular/forms';
import { Observable } from 'rxjs';
import { map } from 'rxjs/operators';

// 异步验证器函数
export function uniqueUsernameValidator(): AsyncValidatorFn {
  return (control: AbstractControl): Observable<{ [key: string]: any } | null> => {
    // 模拟异步验证过程，这里使用setTimeout函数来模拟延迟
    return new Observable((observer) => {
      setTimeout(() => {
        // 假设这里是一个检查用户名是否唯一的异步操作
        const isUsernameUnique = checkUsernameUniqueness(control.value);

        if (isUsernameUnique) {
          // 如果用户名已存在，返回一个包含错误信息的对象
          observer.next({ uniqueUsername: true });
        } else {
          // 如果用户名唯一，返回null
          observer.next(null);
        }
        observer.complete();
      }, 2000); // 模拟2秒延迟
    });
  };
}

// 检查用户名是否唯一的函数
function checkUsernameUniqueness(username: string): boolean {
  // 这里可以是实际的异步操作，例如向服务器发送请求检查用户名是否已存在
  // 返回true表示用户名已存在，返回false表示用户名唯一
  return username === 'existingUsername';
}

在上面的示例中，uniqueUsernameValidator函数返回一个AsyncValidatorFn函数，它接受一个FormControl对象作为参数，并返回一个Observable对象。在Observable对象的构造函数中，我们使用setTimeout函数模拟了一个异步操作，检查用户名是否唯一。根据检查结果，我们通过observer对象的next方法发出相应的值。

在使用这个异步验证器时，可以将它添加到FormControl对象的validators数组中，例如：

import { FormControl, FormGroup, Validators } from '@angular/forms';

// 创建一个表单控件
const usernameControl = new FormControl('', null, uniqueUsernameValidator());

// 创建一个表单组
const form = new FormGroup({
  username: usernameControl
});

在上面的示例中，我们将uniqueUsernameValidator函数作为第三个参数传递给FormControl对象的构造函数，这样就将异步验证器应用到了该表单控件上。

这是一个使用观察值并返回Observable对象的Angular 2异步验证器的完整示例。请注意，这只是一个简单的示例，实际的异步验证器可能会涉及更复杂的逻辑和异步操作。