fix(slides): fix rtl support.

- fix rtl functionalities in slides when attribute (dir=“rtl”) added to
ion-slides.
- e2e test added: ‘slides/test/rtl’
This commit is contained in:
Ahmad Amri
2017-02-10 17:50:42 +04:00
committed by Manu Mtz.-Almeida
parent bee75f7d00
commit e90d692b1f
3 changed files with 76 additions and 1 deletions

View File

@ -139,7 +139,7 @@ import { ViewController } from '../../navigation/view-controller';
@Component({
selector: 'ion-slides',
template:
'<div class="swiper-container">' +
'<div class="swiper-container" [attr.dir]="_rtl? \'rtl\' : null">' +
'<div class="swiper-wrapper">' +
'<ng-content></ng-content>' +
'</div>' +
@ -249,6 +249,14 @@ export class Slides extends Ion {
}
private _pager = false;
/**
* @input {string} If dir attribute is equal to rtl, set interal _rtl to true;
*/
@Input()
set dir(val: string) {
this._rtl = (val.toLowerCase() === 'rtl');
}
/**
* @input {string} Type of pagination. Possible values are:
* `bullets`, `fraction`, `progress`. Default: `bullets`.