удалить ионный освежающий синий фон

Мне нужно переопределить директиву ionRefresher, чтобы при ее снятии он не должен показывать никаких нагрузочных знаков.удалить ионный освежающий синий фон

Это возможно?

Я попытался сделать это:

.directive('ionRefresher', function() { 
    return { 
    template: '<div></div>' 

    }; 
})

Я поставил его так:

<ion-refresher 
    pulling-text="" 
    refreshing-text="" 
    refreshing-icon="" 
    pulling-icon="" 
    on-refresh="changeSlide()"> 
</ion-refresher>

Но я все еще получаю фон светло-голубой цвет на тянуть вниз. Я тоже этого не хочу. Могу ли я это изменить?

Error: [$compile:multidir] Multiple directives [ionRefresher, ionRefresher (module: starter.controllers)] asking for template on: <div class="scroll-refresher invisible" collection-repeat-ignore="" pulling-text="" refreshing-text="" refreshing-icon="" pulling-icon="" on-refresh="changeSlide()"> 
http://errors.angularjs.org/1.4.3/$compile/multidir?p0=ionRefresher&p1=&p2=ionRefresher&p3=%20(module%3A<ion-nav-view name="menuContent" class="view-container" nav-view-transition="ios">tarter.controllers)&p4=template&p5=%3Cdiv%class%3D%scroll-refresher%invisible%22%20collection-repeat-ignore%3D%22%22%20pulling-text%3D%22%22%20refreshing-text%3D%22%22%20refreshing-icon%3D%22%22%20pulling-icon%3D%22%22%on-refresh%3D%changeSlide()%22%3E 
    at REGEX_STRING_REGEXP (http://localhost:8100/lib/ionic/js/ionic.bundle.js:8895:12) 
    at assertNoDuplicate (http://localhost:8100/lib/ionic/js/ionic.bundle.js:17251:15) 
    at applyDirectivesToNode (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16689:11) 
    at compileNodes (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16286:15) 
    at compileNodes (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16298:15) 
    at compileNodes (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16298:15) 
    at compileNodes (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16298:15) 
    at compile (http://localhost:8100/lib/ionic/js/ionic.bundle.js:16193:15) 
    at IonicModule.controller.self.appendViewElement (http://localhost:8100/lib/ionic/js/ionic.bundle.js:52247:18) 
    at Object.IonicModule.factory.ionicViewSwitcher.create.switcher.render (http://localhost:8100/lib/ionic/js/ionic.bundle.js:50449:41)(anonymous function) @ ionic.bundle.js:21157ident.$get @ ionic.bundle.js:17936invokeLinkFn @ ionic.bundle.js:17479nodeLinkFn @ ionic.bundle.js:16977compositeLinkFn @ ionic.bundle.js:16368nodeLinkFn @ ionic.bundle.js:16972compositeLinkFn @ ionic.bundle.js:16368nodeLinkFn @ ionic.bundle.js:16972compositeLinkFn @ ionic.bundle.js:16368publicLinkFn @ ionic.bundle.js:16243IonicModule.controller.self.appendViewElement @ ionic.bundle.js:52259IonicModule.factory.ionicViewSwitcher.create.switcher.render @ ionic.bundle.js:50449IonicModule.factory.ionicViewSwitcher.create.switcher.init @ ionic.bundle.js:50369IonicModule.controller.self.render @ ionic.bundle.js:52115IonicModule.controller.self.register @ ionic.bundle.js:52073updateView @ ionic.bundle.js:57485(anonymous function) @ ionic.bundle.js:57462parent.$get.Scope.$broadcast @ ionic.bundle.js:24992$state.transitionTo.$state.transition.resolved.then.$state.transition @ ionic.bundle.js:44836processQueue @ ionic.bundle.js:23394(anonymous function) @ ionic.bundle.js:23410parent.$get.Scope.$eval @ ionic.bundle.js:24673parent.$get.Scope.$digest @ ionic.bundle.js:24484parent.$get.Scope.$apply @ ionic.bundle.js:24778done @ ionic.bundle.js:19191completeRequest @ ionic.bundle.js:19363requestLoaded @ ionic.bundle.js:19304

Могу ли я получить некоторые указания на это?

источник

2015-09-07 Simran Kaur

Проблема, которую вы получаете, вызвана тем фактом, что вы определяете свою собственную директиву ionRefresher в своем собственном модуле. Если вы хотите переопределить существующую директиву (о которой я бы советовал), вам нужно сделать это на ионном модуле – thomaux

. Я просто хочу его расширить. Я хочу, чтобы у каждого иона-обновителя был минус его шаблон. Я не возражаю, заменяя его индивидуальной директивой либо, либо я должен сказать, что я предпочел бы, чтобы, если бы я мог заставить его работать так же, как это делает ионный повторитель. –

@ Андзео: как мне это сделать? –

Не нужно настраивать директиву, просто установите spinner значение none, чтобы отключить как прядильщик, так и значок.

<ion-refresher 
    spinner="none" 
    on-refresh="changeSlide()"> 
</ion-refresher>

источник

2015-09-07 08:59:24

Но это не избавится от голубого фона? –

Я не знаю, откуда идет синий фон. Просто установите 'spinner' none и избегайте какой-либо настройки и удалите эту директиву, которую вы пишете самостоятельно. См. Это http://play.ionic.io/app/2acaf5a7d302 –

Пожалуйста, отметьте его принятым, если он решил вашу проблему. –

Мои два цента: Использование кок = "" используется для TRow следующее исключение:

Когда я перешел на:

<ion-refresher on-refresh="doRefresh(false, true)" ng-if="search.canBeLoaded" refreshing-icon="">

и добавил следующее правило CSS :

ion-infinite-scroll .spinner { 
    display: none; 
}

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

источник

2016-11-30 11:19:28

добавить style.css

.loading-контейнер .loading {цвет фона: черный; } .spinner svg {ход: # 88C931; fill: # 88C931; }

источник

2017-08-01 08:00:02

Пожалуйста, добавьте описание на ваше решение – user7294900

добавить style.css .loading-контейнер .loading {цвет фона: черный;} .spinner {SVG ход: # 88C931; fill: # 88C931;} –

Редактировать ответ с этим комментарием – user7294900

удалить ионный освежающий синий фон

ответ

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