폴리머 2.0에서 무한 스크롤을 만드는 방법은 무엇입니까?

Question

폴리머 2.0에서 무한 스크롤을 만드는 방법은 무엇입니까? 내가 DOM 반복 내가 다음에 무엇을해야

<iron-ajax id='show_news' last-response="{{data1}}" content-type="application/json" method="POST" auto url="http://1ss6.sss.197.80:7777/news" 
     on-response="create_news" body='{"news_type":"news", "round":"1"}'></iron-ajax> 
     <div style=" margin: 0 auto;" class="container flex-wrap"> 

      <template is="dom-repeat" items="{{data1}}"> 

       <style is="custom-style"> 

       </style> 
        <paper-card style="max-width: 600px; margin: 1em; overflow: hidden;" alt="mma2day"> 
        <div class="card-content"> 
         <iron-image style="" alt="The Polymer logo." src="http://188.166.26.223:3334/static/[[item.img]]" placeholder="/images/lazy.png" ></iron-image> 
         <div class="cafe-header">[[item.head]] 

         </div> 
         <div class="cafe-rating" style="color: #C00000; font-weight: bold;"> 
         <!-- <iron-icon class="star" icon="star"></iron-icon> 
         <iron-icon class="star" icon="star"></iron-icon> 
         <iron-icon class="star" icon="star"></iron-icon> 
         <iron-icon class="star" icon="star"></iron-icon> 
         <iron-icon class="star" icon="star"></iron-icon> --> 
         [[_sampleOutput(item.insert_date)]] 

         </div> 
         <div class="cafe-location cafe-light"> 
         <span style="color: #C00000; font-weight: bold;">[[item.site]]</span> 

         </div> 
        <!-- <p>[[item.head]]</p> 
         <p class="cafe-light">Small plates, salads &amp; sandwiches in an intimate setting with 12 indoor seats plus patio seating.</p> --> 
        </div> 

        </paper-card> 
      </template> 

데이터를 밀어보다 나는, 철 아약스 요청이? 나는 목록의 맨 아래에 있고 ajax.request를 실행하는 것을 어떻게 이해할 수 있습니까?

Answer 1

iron-scroll-threshold 요소를 사용하여 임계 값을 정의해야합니다. 그것은 2.0 버전에서 작동하지 않습니다

loadMoreData: function() { 
    this.$.show_news.generateRequest(); 
}