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.
@radixdt2020 any update on your issue ?
I tried to apply disable using the
@model decorator but it doesn't work.
disable is not a supported I believe.
@ajayojha This do not work:
export class TenantContractGeneralInformation {
@disable({conditionalExpression:function(control:AbstractControl){return true; }})
@prop()
ContractNumber: string = '';
@disable({conditionalExpression:function(control:AbstractControl){return true; }})
@prop()
ExternalContractNumber: string = '';
AccountGUID: string = '';
@required({ message: "FIELD_REQUIRED" })
WorkerCity: string = '';Any intended reason behind this? How do we mark fields as disabled if we want to without a second property.
Guys this is my model
@required({ message: "FIELD_REQUIRED" })
@date({ message: "INVALID_DATE", allowISODate: true })
@minDate({ value: new Date().toDateString(), message: "INVALID_DATE", allowISODate: true, fieldName:'ContractStartDate', operator: ">" })
ContractExpiryDate: Date;and template:
<div class="col-4">
<div class="form-group">
<label for="ContractStartDate"
class="control-label">{{ "TENANT_CONTRACT.GENERAL_INFORMATION.CONTRACT_START_DATE" | translate }}</label>
<div class="form-group mycustom">
<input type="text" autocomplete="none" class="form-control" placeholder='{{"SELECT_DATE" | translate}}'
name="ContractStartDate" ngbDatepicker #dpContractStartDate="ngbDatepicker"
formControlName="ContractStartDate"
/>
<div class="input-group-prepend">
<button class="btn" (click)="dpContractStartDate.toggle()" type="button">
<i class="far fa-calendar-alt"></i>
</button>
</div>
</div>
<small class="text-danger" *ngIf="generalInformationGroup.controls.ContractStartDate.errors">
{{ generalInformationGroup.controls.ContractStartDate.errorMessage ||
generalInformationGroup.controls.ContractStartDate.errors.date.message ||
generalInformationGroup.controls.ContractStartDate.errors.mindate.message | translate }}</small>
</div>
</div>I keep getting the invalid date error. can't apply min date validation
MINDATE error is not removing
HI RxTeam,
in above image SelectedJournal is object, is there any any way to bind that object instead of journalId in rx-select ?
in above image SelectedJournal is object, is there any any way to bind that object instead of journalId in rx-select ?
Any help would be appreciated. I don't understand where I am wrong.
I am finding it extremely hard to get it to work
it gives the following error:
Can't bind to 'rxwebform' since it isn't a known property of 'form'
Guys its not working here also.
Can anyone suggest what error I am making.
:(
I have been struggling so much but haven't got any response on anything to this date
@freshdev1 template driven validation is applied along with the prefix rx, incase of numeric validation using [rxnumeric], Please refer to this example