<nz-tabset nzLinkRouter nzLinkExact="false">
<nz-tab>
<a nz-tab-link routerLink="./" fragment="groups" >
{{'accounts:Группы безопасности' | i18next}}
</a>
<ng-template nz-tab>
<button nz-button nzType="default" (click)="bindGroup()">Добавить группу</button>
<button nz-button nzType="default" (click)="unbindGroup()">Удалить группу</button>
<br>
<adm-table #securityGroupsTableComponent [settings]="securityGroupsTable"></adm-table>
</ng-template>
</nz-tab>
<nz-tab>
<a nz-tab-link [routerLink]="['./']" fragment="endpoints">
{{'accounts:Точки доступа' | i18next}}
</a>
<ng-template nz-tab>
<button nz-button nzType="primary" (click)="bindEndpoints()">{{'accounts:Таблица.Добавить' | i18next }}</button>
<button nz-button nzType="default" (click)="unbindEndpoints()" [disabled]="!hasEndpointsSelectedRows">{{'accounts:Таблица.Удалить' | i18next }}</button><br>
<adm-table #endpointsTableComponent [settings]="endpointsTable"></adm-table>
</ng-template>
</nz-tab>
<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.