javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(popover): add ability to pass multiple classes to cssClass

Browse Source 
references #7618
This commit is contained in:
Brandy Carney
2016-08-09 16:09:02 -04:00
parent 93898bb3ed
commit a685cdc4af
2 changed files with 12 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/components/popover/popover-component.ts
View File

@ -34,7 +34,11 @@ import { ViewController } from '../nav/view-controller';
export class PopoverCmp {
@ViewChild('viewport', {read: ViewContainerRef}) viewport: ViewContainerRef;
private d: any;
private d: {
cssClass?: string;
showBackdrop?: boolean;
enableBackdropDismiss?: boolean;
};
private enabled: boolean;
private id: number;
private showSpinner: boolean;
@ -50,7 +54,10 @@ export class PopoverCmp {
this.d = _navParams.data.opts;
if (this.d.cssClass) {
_renderer.setElementClass(_elementRef.nativeElement, this.d.cssClass, true);
this.d.cssClass.split(' ').forEach(cssClass => {
// Make sure the class isn't whitespace, otherwise it throws exceptions
if (cssClass.trim() !== '') _renderer.setElementClass(_elementRef.nativeElement, cssClass, true);
});
}
this.id = (++popoverIds);

4
src/components/popover/test/basic/index.ts
View File

@ -189,7 +189,9 @@ class E2EPage {
}
presentLongListPopover(ev: UIEvent) {
let popover = this.popoverCtrl.create(PopoverLongListPage);
let popover = this.popoverCtrl.create(PopoverLongListPage, {}, {
cssClass: 'my-popover popover-class'
});
popover.present({
ev: ev
});