2016-12-16 6 views
1

В соответствии с этим http://ionicframework.com/docs/v2/api/components/loading/LoadingController/ я могу применить cssClass для загрузкиCtrl.Как применить cssClass на пользовательском LoadController

это мой Funtion

presentLoadingCustom() { 
    this.loading = this.loadingCtrl.create({ 
     spinner: 'hide', 
     content: ` 
     <img src="assets/images/loader/loading.gif" class="img-align" /> 
     `, 
     cssClass:` 
     //below class in inbuilt class 
     .loading-wrapper{ 
     background:none; 
     box-shadow: none; 
     } 
     .img-align{ 
     height:80px; 
     }` 
    }); 
    this.loading.present(); 
    } 

я не могу видеть мой загрузчик после того, как я применил CssClass, но мне нужно это два класса, которые будут применяться к моему загрузчиком пользовательского изображения.

ответ

0

Согласно documentationcssClass опция принимает classes for custom styles, separated by spaces только не так, как вы прошли через css. поэтому изменить presentLoadingCustom функции, как показано ниже:

presentLoadingCustom() { 
    this.loading = this.loadingCtrl.create({ 
    spinner: 'hide', 
    content: `<img src="assets/images/loader/loading.gif" class="img-align" />`, 
    cssClass:`loading-wrapper img-align` 
    }); 

    this.loading.present(); 
} 

Вы должны добавить loading-wrapper и img-align классов стиля definitation в файл CSS не create метода LoadingController.

+0

погрузо-обертка и класс IMG-Align, где я должен написать теперь –

+0

в файле стили вашего приложения – ranakrunal9

+0

я использую поставщик, поэтому я не имеет @component внутри провайдеров, так, где я буду в состоянии поместить этот класс CSS –

Смежные вопросы