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

references #7618

Author: brandyscarney

src/components/loading/loading-component.ts

@@ -32,7 +32,15 @@ import { ViewController } from '../nav/view-controller';
   encapsulation: ViewEncapsulation.None,
 })
 export class LoadingCmp {
-  private d: any;
+  private d: {
+    spinner?: string;
+    content?: string;
+    cssClass?: string;
+    showBackdrop?: boolean;
+    dismissOnPageChange?: boolean;
+    delay?: number;
+    duration?: number;
+  };
   private id: number;
   private showSpinner: boolean;
   private durationTimeout: number;
@@ -47,7 +55,10 @@ export class LoadingCmp {
     this.d = params.data;
 
     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 = (++loadingIds);

src/components/loading/test/basic/index.ts

@@ -67,7 +67,7 @@ class E2EPage {
   presentLoadingDefault() {
     let loading = this.loadingCtrl.create({
       content: 'Please wait...',
-      cssClass: 'fixed-spinner'
+      cssClass: 'fixed-spinner spinner-class'
     });
 
     loading.present();