Polimer tarafından dinamik olarak oluşturulmuş öğe wokring (demir-kaydırma eşiği)

Question

Facebook gibi hissettiren bildirimler oluşturmak istiyorum. Polimer ve elemanlar kullanıyorum: iron-dropdown, iron-list, iron-scroll-threshold. Açılan açılır menüden sonra bir iron-scroll-threshold öğesi oluşturmak istiyorum. Ben ilk oluşturduğunuzda zaman bir olay ateş edeceği ve bu gibi kullanabilirsiniz, böylece yüklemeninbaşlamasını:

<template> 
     <iron-ajax 
       id="ajax" 
       url="some url" 
       handle-as="json" 
       on-response="_handleResponse"> 
     </iron-ajax> 

     <paper-button class="status-bar-button" on-tap="open"> 
      <iron-icon icon="social:notifications-none"></iron-icon> 
     </paper-button> 

     <iron-dropdown id="dropdown" 
         vertical-align="[[verticalAlign]]" 
         horizontal-align="[[horizontalAlign]]" 
         disabled="[[disabled]]" 
         open-animation-config="[[openAnimationConfig]]" 
         close-animation-config="[[closeAnimationConfig]]" 
         horizontal-offset="[[horizontalOffset]]" 
         vertical-offset="[[verticalOffset]]"> 

      <div id="sidebar-apps-container" class="dropdown-content shadow-elevation-8dp"> 
       <div class="beeper" style="right:128px"></div> 
       <div class="apps-body" id="scrollThresholdtarget"> 
        <iron-list id="zoznam" items="[]" as="notifs" scroll-target="scrollThresholdtarget"> 
         <template> 
          <a href="[[notifs.link]]" style="height: 150px">[[notifs.content]]</a><br/> 
         </template> 
        </iron-list> 
       </div> 
      </div> 
     </iron-dropdown> 

     <div id="forThreshold"></div> 
    </template> 

Ve komut şöyledir: elementler oluşturulduğunda

open: function() { 
    if (!this.scrollInitialised) { 
     this.initScrollThreshold(); 
     this.scrollInitialised = true; 
    } 

    this.$.dropdown.open(); 
}, 

/** 
* @method 
*/ 
initScrollThreshold: function() { 
    var scrollThreshold = document.createElement('iron-scroll-threshold'); 
    scrollThreshold.setAttribute('id', 'threshold'); 
    scrollThreshold.setAttribute('on-lower-threshold', '_loadData'); 
    scrollThreshold.setAttribute('lower-threshold', '200'); 
    scrollThreshold.setAttribute('scroll-target', 'scrollThresholdtarget'); 
    this.$.forThreshold.appendChild(scrollThreshold); 
    this._loadData(); 
}, 

/** 
* @method 
*/ 
_handleResponse: function (event) { 
    var data = event.detail.response; 

    console.log(data); 
    var elem = this.$.zoznam; 

    data.forEach(function(notifs) { 
     elem.push('items', notifs); 
    }); 

    document.querySelector('#threshold').clearTriggers(); 
    console.log('fired'); 
}, 

/** 
* @method 
*/ 
_loadData: function() { 
    console.log('fired request'); 
    this.$.ajax.generateRequest(); 
} 

Ama öyle değil iş. Etkinlik asla kovulmayacak. Herhangi bir fikir?

Answer 1

Özniteliklerle bağlamaya çalıştığınız etkinlik için addEventListener kullanmayı denediniz mi? Benim tahminim bu doğru bir şekilde ele alınmıyor (çünkü Polimer henüz programsal olarak bağlayıcı şeyleri desteklemiyor).