목록을 새로 고침하는 동안 ion-refresher 아이콘을 렌더링하는 방법은 무엇입니까?

이온 응용 프로그램을 개발 중이며 끌어 오기 기능을 구현하려고합니다. 여기에서 끌어 오기를 시도 할 때 페이지가 공백으로 표시되고 회색 배경이 표시되는 대신 ion-refresher가 아이콘/텍스트를 표시하지 않습니다. 그러나 새로 고침 기능이 호출되었습니다.목록을 새로 고침하는 동안 ion-refresher 아이콘을 렌더링하는 방법은 무엇입니까?

<ion-nav-bar class="bar-positive"> 
    <ion-nav-buttons side="left"> 
     <button class="button button-icon icon ion-chevron-left"></button> 
    </ion-nav-buttons> 
</ion-nav-bar> 
<ion-content id='yammer_message'> 

    <ion-scroll direction="y" delegate-handle="mainScroll" ng-style="{'height': scroll.height}"> 
     <ion-refresher on-refresh="doRefresh()" 
         pulling-text="Pull to refresh..." 
         refreshing-text="Refreshing!" 
         refreshing-icon="ion-loading-c"> 

     </ion-refresher> 

     <ion-list> 
      <ion-item class="item-avatar item-borderless" type="item-text-wrap" ng-repeat="message in messages"> 
       <img ng-src="{{message.image_url}}" style='border-radius:0%'> 
       <h2 style='color:red'>{{message.message_sender_name}}</h2> 
       <p style='white-space:normal'>{{message.body.plain}}</p> 
      </ion-item> 
    </ion-list> 

    </ion-scroll> 
</ion-content> 

<ion-footer-bar class="bar bar-footer" style='border-top:1px solid grey' > 
    <form ng-submit="submit()"> 
     <input type='text' placeholder='Write a comment' ng-model='yammer.comment' style='color:black'> 
    </form> 
</ion-footer-bar> 
</ion-view>

도움말이 감사합니다!

출처

2016-06-23 Anand

당신은 컨트롤러에서 나에게 코드를 게재 할 수 있습니까? –

내 대답으로 문제가 해결되면 동의라고 표시하십시오. 감사. –

컨트롤러에 넣으십시오.

약 $ionicLoading에 대해 자세히 알아보십시오.

출처

2016-06-25 15:45:23

이전 질문이지만 답장을 보내 드리겠습니다. 아이콘과 텍스트가 나타나지 않으면 CSS가 잘못되었을 수 있습니다. 이 코드를 사용하여 회 전자 및 텍스트를 양식화하십시오.

.spinner svg { 
    stroke: #000; 
    fill: #000; 
} 

.ionic-refresher-content { 
    color: #000 !important; 
}

이렇게하면 회 전자와 텍스트가 모두 검은 색이됩니다.

출처

2017-03-05 15:15:44

내 솔루션은 <ion-refresher> 태그는 <ion-content> 태그 옆에 있어야합니다. 이 같은

<ion-content> <ion-refresher (ionRefresh)="doRefresh($event)"> ... </ion-refresher>

출처

2017-09-15 04:39:32

목록을 새로 고침하는 동안 ion-refresher 아이콘을 렌더링하는 방법은 무엇입니까?

답변

관련 문제