<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.
I was using this with angular cli.
Everything is working when I put my design into app.component.html file but if I want to use it into another module it shows lots of error like 'nz-form-item is not a known element' .
How can I access the design from any module?
Please help me
How to have fixed size checkbox column in nz-table while using nz-resizable directive?
I really need to use the resizable component in the tables of my app, so columns can be redimensionable. I know it's on experimental state, but I need it and its working fine, mostly. Also need to have a first column with checkboxes for selection purposes. I expected the checkbox column to remain fixed size. What is happening is the checkbox column changes width when I resize the other columns.
Here is an example forked from documentation
https://stackblitz.com/edit/angular-jqs53u?embed=1&file=src/app/app.component.ts
Highly appreciate any help.
