ion-slides

What is the reason for following error : NotFoundError: Failed to execute 'removeChild' on 'Node': The node to be removed is not a child of this node

由 大兔子大兔子 提交于 2021-01-27 22:22:09
问题 I am working on ionic react . I have an error as shown in image . I got this error on clicking a button to fetch the data from API and update the content of the page . After debugging I found that error is occurring in Ionic slides. What can be the reason and solution for the following error? <IonSlides options={slideOpts}> { assignedOrderData.map((item1: any) => item1.map((item: any) => <IonSlide> <IonGrid id='dashboard-orders'> <div onClick={() => history.push(`/myorderdetails/${item.order

Ionic : Ion-slides- Only First Slide appearing

由 寵の児 提交于 2020-06-17 09:51:04
问题 I'm trying to add ion-slides to my app, but i'm facing a problem that i don't have any idea how to solve it. I simple added the ion-slides example to my page: <ion-slides> <ion-slide> <h1>Test</h1> </ion-slide> <ion-slide> <h1>Test2</h1> </ion-slide> <ion-slide> <h1>Test3</h1> </ion-slide> </ion-slides> And even with this simple example, the component just shows the first slide. When i try to swipe to the next one, it shows a blank slide, even though it's possible to inspect this element and

Ionic : Ion-slides- Only First Slide appearing

由 送分小仙女□ 提交于 2020-06-17 09:51:01
问题 I'm trying to add ion-slides to my app, but i'm facing a problem that i don't have any idea how to solve it. I simple added the ion-slides example to my page: <ion-slides> <ion-slide> <h1>Test</h1> </ion-slide> <ion-slide> <h1>Test2</h1> </ion-slide> <ion-slide> <h1>Test3</h1> </ion-slide> </ion-slides> And even with this simple example, the component just shows the first slide. When i try to swipe to the next one, it shows a blank slide, even though it's possible to inspect this element and

slideChangeStart event does not fire when I swipe

由 一世执手 提交于 2020-01-03 19:03:01
问题 In my Ionic 1.3.1 app I am using the ion-slides component to display sections of a questionnaire: <ion-slides options="vm.options" slider="data.slider"> <ion-slide-page ng-repeat="s in ::vm.sections"> <div class="bar bar-header bar-positive"> <button class="button button-small button-icon icon ion-chevron-left" ng-click="vm.previous()" ng-show="::$index !== 0"></button> <h1 class="title">{{::s.text}}</h1> <button class="button button-small button-icon icon ion-chevron-right" ng-click="vm.next

Ionic 4 ion-slides change css style of the active slide using ngClass

由 三世轮回 提交于 2020-01-03 02:24:13
问题 EDIT: adding a stackblitz: https://stackblitz.com/edit/ionic-b2r7si I am using ion-slides as following: <ion-slides class="fullWidth" [options]="slideOptsOne" #slideWithNav (ionSlideDidChange)="change($event)"> <ion-slide #status *ngFor="let array of arrays"> <ion-col> {{array}} </ion-col> </ion-slide> </ion-slides> I need to change the css style of the current active slide, like make it underlined or bold. I've done some researches and apparently I should use [ngClass]='' but can't know how.

Ionic 4 ion-slides change css style of the active slide using ngClass

由 醉酒当歌 提交于 2019-12-07 09:39:27
EDIT: adding a stackblitz: https://stackblitz.com/edit/ionic-b2r7si I am using ion-slides as following: <ion-slides class="fullWidth" [options]="slideOptsOne" #slideWithNav (ionSlideDidChange)="change($event)"> <ion-slide #status *ngFor="let array of arrays"> <ion-col> {{array}} </ion-col> </ion-slide> </ion-slides> I need to change the css style of the current active slide, like make it underlined or bold. I've done some researches and apparently I should use [ngClass]='' but can't know how. I am getting the index of the active slides using: change(e) { this.slides.getActiveIndex().then(
订阅 ion-slides