Joseph Joseph: <div id="main" [ngClass]="{'rtl': rtl, 'ltr': !rtl}"> <div id="image-show"

Question

Joseph Joseph: <div id="main" [ngClass]="{'rtl': rtl, 'ltr': !rtl}"> <div id="image-show"

[ngStyle]="{ 'background-image':'url(' + images[_index].value + ')'}" class="d-flex justify-content-center align-items-center design-image">
<button *ngIf="_index > 0" id="prevIcon" [ngClass]="{'ml-auto': rtl, 'mr-auto': !rtl}" [attr.aria-label]="prevButton" (click)="onPrevBtnClicked()">
<i class="arrow" [ngClass]="{'arrow-left': !rtl, 'arrow-right': rtl}"></i>
</button>
<button *ngIf="_index < images.length -1" id="nextIcon" [ngClass]="{'mr-auto': rtl, 'ml-auto': !rtl}" [attr.aria-label]="nextButton" (click)="onNextBtnClicked()">
<i class="arrow" [ngClass]="{'arrow-left': rtl, 'arrow-right': !rtl}"></i>
</button>
</div>
mobile
<div *ngIf="map.lat && map.lng && mobile" class="row-img " >
<div id="mapImage" class="small-img-map design-image" (click)="mapClicked.emit(mapImage?.key)" [ngStyle]="{ 'background-image':'url(' + mapImage?.value + ')'}">
<app-ui-map [lat]="map.lat" [lng]="map.lng" [landscapeColor]="map.landscapeColor" [waterColor]="map.waterColor" [labelsColor]="map.labelsColor"
[expandedUiMap]="map.expandedUiMap">
</app-ui-map>
<div class="icon-container" [ngClass]="{'icon-right-side': rtl, 'icon-left-side': !rtl}">
<app-icon [icon]="mapIcon"></app-icon>
</div>
</div>
<button *ngFor="let item of images; let i = index " id="test"+${i} #test (click)="onImgClicked(item.key)" class="small-img design-image" [ngStyle]="{ 'background-image':'url(' + item.value + ')'}"
></button>

Joseph Joseph:
Как при нажатии на стрелку

Нижнее тоже скролилось

Меню

#angular #frontend #javascript #programming #russian

0

22.08.2019

1 ответов

9 просмотров

Evgheni Чернявский · Accepted Answer

Evgheni Чернявский

хоть бы в ``` обернул код

0

22.08.2019

169 похожих чатов

Joseph Joseph: <div id="main" [ngClass]="{'rtl': rtl, 'ltr': !rtl}"> <div id="image-show"

1 ответов

Похожие вопросы