javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-21 21:15:24 +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 { export class PopoverCmp {
@ViewChild('viewport', {read: ViewContainerRef}) viewport: ViewContainerRef; @ViewChild('viewport', {read: ViewContainerRef}) viewport: ViewContainerRef;
private d: any; private d: {
cssClass?: string;
showBackdrop?: boolean;
enableBackdropDismiss?: boolean;
};
private enabled: boolean; private enabled: boolean;
private id: number; private id: number;
private showSpinner: boolean; private showSpinner: boolean;
@ -50,7 +54,10 @@ export class PopoverCmp {
this.d = _navParams.data.opts; this.d = _navParams.data.opts;
if (this.d.cssClass) { 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); this.id = (++popoverIds);

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

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