<nz-steps [nzCurrent]="1" nzProgressDot nzDirection="vertical">
<nz-step *ngFor="let item of listOfSteps" [nzTitle]="titleTemplate" [nzDescription]="descriptionTemplate"></nz-step>
</nz-steps>
<ng-template #titleTemplate>
<!-- html code -->
{{item.title}}
<!-- more html code -->
</ng-template>
<ng-template #descriptionTemplate>descriptionTemplate</ng-template>
I am using the ng-zorro library.
I have an issue with upload component(https://ng.ant.design/components/upload/en) for file uploading
When I am trying to set thumbUrl:
this.fileList = [
{
url: ${environment.imageUploadUrl}/${this.imageUploadSection.value}.original
,
thumbUrl: ${environment.imageUploadUrl}/${this.imageUploadSection.value}.thumbnail
}
];
I got the default image:
Hello, is there a way how to show validation messages for form group? I've tried:
<nz-form-item *ngIf="operator === SegmentConditionItemOperator.IS" class="mb-0">
<nz-form-control [formGroup]="formGroup" [nzErrorTip]="errorTip" [nzValidateStatus]="formGroup">
<nz-form-item class="mb-0">
<nz-form-label [nzSpan]="4">Period From</nz-form-label>
<nz-form-control [nzSpan]="20">
<nz-date-picker
appCalendarPreset
nzShowTime
formControlName="from"
[nzPlaceHolder]="'core.placeholders.datePicker' | translate"
></nz-date-picker>
</nz-form-control>
</nz-form-item>
<nz-form-item class="mb-0">
<nz-form-label [nzSpan]="4">Period To</nz-form-label>
<nz-form-control [nzSpan]="20">
<nz-date-picker
appCalendarPreset
nzShowTime
formControlName="to"
[nzPlaceHolder]="'core.placeholders.datePicker' | translate"
></nz-date-picker>
</nz-form-control>
</nz-form-item>
</nz-form-control>
</nz-form-item>
<ng-template #errorTip let-control>
<div class="qa_infinite_range" *ngIf="control.hasError('infiniteRange')">
Infinite range
</div>
<div class="qa_rotated_range" *ngIf="control.hasError('rotatedRange')">
Rotated range
</div>
</ng-template>
In editor I can see: Type FormGroup is not assignable to type string | FormControl | FormControlName | NgModel
and it doesn't work in browser.