Hi Team, i am referring this link for disable formcontrol https://stackblitz.com/angular/bedxedgakrx?file=src%2Fapp%2Fdisable-add.component.ts, but in my case i have to use this param in formBuilder, so I am trying conditional disable like below, but it is not working. Can you please suggest. form = this.RxFormBuilder.group({ fielName: ['', RxwebValidators.disable({conditionalExpression: (x) => myCondition}]}).
Hi Team, I am using @rxweb/reactive-form-validators package for conditional required validations and it is working fine for simple forms, when i started converting the form to nested form and have built nested forms with Angular reactive forms with CVAs(Controlled value accessors), Then conditional validations are not working. Please suggest am i missing some setup or any other things.
My application was using
NGX-translate and I replaced it with @rxweb translation extension
export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
TranslateModule.forRoot({
defaultLanguage: 'en',
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
}),
now this used to work fine on local, but wouldn't work when deployed on my server.
then I loaded TranslateHttpLoader from @rxweb module and rewrote the above export function as:
export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http);
}It still failed. Since the application was hosted in a virtual directory:
ip-address/ATLP/abc/web
Then I reimported the
TranslateHttpLoader from ngx-translate this time passing it to TranslateModule of @rxweb extension. And everything started to work as expected.import { TranslateModule, TranslateLoader } from "@rxweb/ngx-translate-extension";
import { TranslateHttpLoader } from "@ngx-translate/http-loader";
export function HttpLoaderFactory(http: HttpClient) {
return new TranslateHttpLoader(http, './assets/i18n/', '.json');
}
TranslateModule.forRoot({
loader: {
provide: TranslateLoader,
useFactory: HttpLoaderFactory,
deps: [HttpClient]
}
}),
Can anyone tell me why this is an issue? I do not happen to understand the cause.
this is the final code i am having.
Hi @ajayojha
I am referring to this command to add domain controller : rxwebcore --controller domain --main master --uow Master , but i am facing issue to add manually models , import files , add a interface for domain etc. Also when i am adding view model using command in Models , it's give me error of KeyLessEntity name space error which is already given name space for RxWeb.Core.Data.Annotations.
I am referring to this command to add domain controller : rxwebcore --controller domain --main master --uow Master , but i am facing issue to add manually models , import files , add a interface for domain etc. Also when i am adding view model using command in Models , it's give me error of KeyLessEntity name space error which is already given name space for RxWeb.Core.Data.Annotations.
I have this error when I try using Rxwebvalidators on my angular project
anyone can help me?
already try reinstall node_modules, but no success
I'm using Angular CLI: 11.0.5
guys I am trying to implement RxWebValidators.... Following is my model class I'm using:
import { propObject, required } from '@rxweb/reactive-form-validators';
import { DocumentSubmission } from './document-submission.model';
import { TenantContractDetails } from './tenant-contract-details.model';
import { TenantContractGeneralInformation } from './tenant-contract-general-information.model';
export class TenantContract {
@propObject(TenantContractGeneralInformation)
BasicInformation: TenantContractGeneralInformation = new TenantContractGeneralInformation();
@propObject(TenantContractDetails)
TenantContractDetails: TenantContractDetails = new TenantContractDetails();
@propObject(DocumentSubmission)
TenantContractDocuments: DocumentSubmission = new DocumentSubmission();
}FormGroups are created in the following way:
createFormGroup(): void {
this.contractForm = this.formBuilder.group(
// {
// BasicInformation: this.formBuilder.formGroup(new TenantContractGeneralInformation()),
// TenantContractDetails: this.formBuilder.formGroup(new TenantContractDetails()),
// TenantContractDocuments: this.formBuilder.formGroup(new DocumentSubmission())
// }
new TenantContract()
);
console.log(this.contractForm);
}
If I create formgroups this way none of the required or other errors are fired. If I create it the way which is commented out, all errors works as expected
Any ideas as to why this is happening.
In the above case all the formgroups have
VALID Status. Do not understand as to why this is happening.
@tutods_twitter there is one alternative to make this work as I provided a solution in the past to someone, but I forgot what was that, will update soon.
@kalathiyan will update you soon.