用于检查可用性的 Angular 验证器

Question

我正在以角度创建一个反应式表单来注册一些设备。 在这个表格中，我要求一个序列号，我想检查这个序列号是否已经在我的数据库中注册。

当我在输入表单中输入时，它会激活函数 serialNumAvailability 以显示或不显示消息。 这个函数调用一个名为 checkSerialNumAvailability 的服务函数，它向我的后端发送一个 get 请求。 我做了一些console.log 并使用Postman 来测试get 请求，它在后端似乎工作正常。 但是此刻我在输入栏中输入一个字符，我回到我的主页，我不明白为什么......

这是我的 HTML 模板验证：

<input formControlName="serialNum" type="text" class="form-control" placeholder="Ex: SL07101-BL" name="serialNum" required>
<div *ngIf="f.submitted " class="help-block mt-2 text-danger" i18n> Serial Number is required</div>
<div *ngIf="serialNum?.value.errors.serialNumAvailability" i18n> Serial Number already registered</div>

然后我的组件函数 serialNumAvailability ：

serialNumAvailability(control: FormControl) {

    return Observable.timer(500).switchMap(() => {

      return this.portalService.checkAvailabilitySerialNum(control.value)
        .map(res => {
          if (res && res.length == 1 && res[0].serialNum) {
            console.log("ON RENVOIE TRUE");
            return { serialNumAvailability: true};
          }
          console.log("ON RENVOIE NULL");
          return null;
        });
    });}

我的服务功能：

checkAvailabilitySerialNum(term: string): Observable<Portal[]> {
    let portals: Portal[];

    if (!term.trim()) {// if search is empty
      return Observable.of([]);
    }

    return this.http.get<Portal[]>(this.serverURL + `portal/?serialNum=${term}`)
    .map(Portals => Portals.filter(portals => portals.serialNum === term)
    );
  }

最后是节点端：

router.get('/',
    function (req, res) {
        console.log("ON RENTRE BIEN DANS LA FONCTION : " + req.query.serialNum);
            return models.portals.findAll({
                attributes: ['serialNum'],
                where: {
                    serialNum: req.query.serialNum
                }
            }).then((serialNums) => {
                if (serialNums) {
                    serialNums = serialNums.map((serialNum) => {
                        serialNum = serialNum.toJSON();
                        console.log(serialNum);
                        return serialNum;
                    })
                }
                console.log("ON FAIT RES.SEND DE "+serialNums);
                res.send(serialNums);
            })
    })

我不知道为什么我被重定向，如果有人遇到这个问题，感谢支持:)

Answer 1

最后问题解决了。 重定向是由于处理我的请求的令牌拦截器。 由于它未被授权获取信息，我只是为我的 URL 向这个拦截器添加了一个例外。

这看起来像这样：

if (req.headers.has(this.config.InterceptorSkipHeader)) {
      let headers = req.headers.delete(this.config.InterceptorSkipHeader);
      return next.handle(req.clone({ headers }));
    }
    if(this.authenticationService.isLoggedIn()){
      this.authenticationService.updateExpiration();
    }
    else if (this.router.routerState.snapshot.url != "/register-portal"){
      this.router.navigate(['/login'], { queryParams: { returnUrl: ''} });
    }

感谢那些回答:)