Activities of "jeboersema"

• ABP Framework version: 3.2.1
• UI type: Angular
• Tiered (MVC) or Identity Server Seperated (Angular): no
• Exception message and stack trace: none
• Steps to reproduce the issue:

Hi

I have followed your steps to install the Chat Module

The steps I followed: https://docs.abp.io/en/commercial/latest/modules/chat

Maybe a notice that the Chat Feature has to be enabled for the host if a non-tenanted solution is used?

When I try to open my application, I get the following errors:

Can you please provide me with a sample application with Angular UI and EF.Core so that I can see what I am missing.

Your documentation does not seem to be complete when Angular UI is used.

Help appreciated.

Check the docs before asking a question: https://docs.abp.io/en/commercial/latest/ Check the samples, to see the basic tasks: https://docs.abp.io/en/commercial/latest/samples/index The exact solution to your question may have been answered before, please use the search on the homepage.

• ABP Framework version: 3.1.2
• UI type: Angular
• Tiered (MVC) or Identity Server Seperated (Angular): no
• Exception message and stack trace: @abp/ng.core/abp-ng.core"' has no exported member 'ɵbn'.
• Steps to reproduce the issue:

I followed the document @ https://docs.abp.io/en/commercial/latest/modules/file-management#setting-blob-provider in order to install the FileSystem module.

• Executed Step 1.
• Then followed the Angular UI setup instuctions @ https://docs.abp.io/en/abp/latest/UI/Angular/Feature-Libraries for the package @volo/abp.ng.file-management

Now when I start my application I get the following error:

Your assistance will be much appreciated.

Hi,

Your solution has worked as expected.

I have however implimented a custom provider in a seperate file in order to not have a long list of validation messages in the app.module.ts file.

So in my app.module.ts I do the following:

import { VALIDATION_MESSAGE_PROVIDER } from "./shared/validationMessage.provider";

...

  providers: [APP_ROUTE_PROVIDER, VALIDATION_MESSAGE_PROVIDER],
  bootstrap: [AppComponent],
})
export class AppModule {}

Then I have implimented the VALIDATION_BLUEPRINTS in the following seperate file:

import { VALIDATION_BLUEPRINTS } from '@ngx-validate/core';
import { LocalizationService } from '@abp/ng.core';
import { Injectable } from '@angular/core';

@Injectable()
export class ValidationMessageService {
  constructor(public localizationService: LocalizationService) {}

  exists = this.localizationService.instant("WealthMaster::Validation.Country.Exists");
}

export const VALIDATION_MESSAGE_PROVIDER = [
  {
    provide: VALIDATION_BLUEPRINTS,
    useClass: ValidationMessageService
  },
];

And the result looks as follows:

Thankyou for your assitance

Is it possible to use the AsyncValidator capabilities of Angular's ReactiveForms with ABP.IO?

I managed to build a custom validator that get's executed but I am unable to have the error message displayed in the red box when the control fails the validation.

Any example would be helpfull.

• ABP Framework version: v3.1.2
• UI type: Angular 10
• Tiered (MVC) or Identity Server Seperated (Angular): no
• Exception message and stack trace: None
• Steps to reproduce the issue: Create a ReactiveForm and add a custom AsyncValidator to one of the inputs.

Below is my validator function:

validateCodeExists({value}: AbstractControl): Observable<ValidationErrors | null> {
    const dto: CountryExistsDto = { id: this.selectedCountry.id, code: value};
    console.log("Code Exists:", dto);
    return this.countryService.exists(dto)
        .pipe(debounceTime(500), map((codeExists: boolean) => {
            if (codeExists) {
              return {
                exists: true,
              };
            }
            return null;
        }));
    }

**The HTML for the control looks as follows: **

<div class="form-group">
    <label for="code">{{ '::Code' | abpLocalization }}</label><span> * </span>
    <input type="text" id="code" class="form-control" formControlName="code" placeholder="ISO 3166-1 Alpha-2 Country Code" />
    <span *ngIf="form.get('code').errors?.exists">Country code already exists!</span>
</div>

The result looks as follows