javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-22 21:48:42 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(slides): add id to the slide component to grab the correct pagination

Browse Source 
fixes #5745 references #5508
This commit is contained in:
Brandy Carney
2016-04-18 13:43:53 -04:00
parent b3b553e50f
commit 7263728da1
1 changed files with 21 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
ionic/components/slides/slides.ts
View File

@ -72,6 +72,9 @@ import {Scroll} from '../scroll/scroll';
'<div [class.hide]="!showPager" class="swiper-pagination"></div>' +
'</div>',
directives: [NgClass],
host: {
'[id]': 'slideId'
},
changeDetection: ChangeDetectionStrategy.OnPush,
encapsulation: ViewEncapsulation.None,
})
@ -82,6 +85,16 @@ export class Slides extends Ion {
*/
public rapidUpdate: Function;
/**
* @private
*/
private id: number;
/**
* @private
*/
private slideId: string;
/**
* @private
*/
@ -204,6 +217,9 @@ export class Slides extends Ion {
this.rapidUpdate = debounce(() => {
this.update();
}, 10);
this.id = ++slidesId;
this.slideId = 'slides-' + this.id;
}
/**
@ -216,8 +232,10 @@ export class Slides extends Ion {
this.showPager = isTrueProperty(this.pager);
let paginationId = '#' + this.slideId + ' .swiper-pagination';
var options = defaults({
pagination: '.swiper-pagination',
pagination: paginationId,
}, this.options);
options.onTap = (swiper, e) => {
@ -706,3 +724,5 @@ export class Slide {
}
})
export class SlideLazy {}
let slidesId = -1;