自定义聚合物元素可见时刷新数据？

Question

在元脚本我有：

Polymer({ 
    is: 'projects-page', 
    attached: function() { 
     this.async(function() { 
      // access sibling or parent elements here 
      var model = this; 
      $.ajax({ 
       url: "/api/projects", 
       headers: { "Authorization": "Bearer " + sessionStorage.getItem("accessToken") } 
      }) 
      .done(function (data) { 
       console.log(data); 
       model.projects = data; 
       model.notifyPath('projects', model.projects); 
      }) 
      .fail(function (jqXHR, textStatus) { 

      }) 
      .always(function() { 

      }); 



     }); 
    } 


}); 

我需要刷新该数据时，当它成为对用户可见的路线改变或。 我仍然发现缺乏聚合物文档，任何帮助将不胜感激。

更新： 这是部分答案。 How can I refresh/reload Polymer element, when page changes?

Answer 1

您可以侦听窗口url或任何其他变量，该变量用变化事件侦听器反映您的应用程序的状态，然后重新载入您的ajax。应将model转换为您的项目页面的合适性，并且ajax-done事件监听器应使用聚合物设置功能。所以这个视图被重新填充而没有任何大的尴尬。

https://www.polymer-project.org/1.0/docs/devguide/data-binding.html#set-path https://www.polymer-project.org/1.0/docs/devguide/properties.html#change-callbacks