Пользовательская проверка не работает в angular

Question

Я определил пользовательскую проверку как:

static cannotContainSpace(control:AbstractControl):ValidationErrors | null{

        if((control.value as string).indexOf('') >=0 )
                return{cannotContainSpace :true};
        return null;
    }

, и в своем компоненте я использую следующий код:

<input formControlName="username"id="username" type="text" class="form-control">
    <div *ngIf="form.get('username').touched && form.get('username').errors?.required"class="alert alert-danger">username required</div>

    <div *ngIf="form.get('username').errors?.minlength" class="alert alert-danger">username should be of minimum 3 characters.</div>
    <div *ngIf="form.get('username').errors.cannotContainSpace" class="alert alert-danger">There can be no spaces in Username.</div>
</div>

Моя проблема заключается в том, что несмотря на использование ngIf в customValidation тег div или соответствующие сообщения об ошибках отображаются даже с непробельным текстом или всякий раз, когда страница загружается заново. Любые предложения?