页面加载后呈现部分车把(HBS)

时间:2019-03-15 19:03:29

标签: javascript handlebars.js

是否有任何方法可以在页面加载后呈现某些部分?

我有以下代码:

<div class="row document_display custom_scrollbar">
 <div class="col-10">
  <div class="row">

   {{> document_whiteBox column="6" public_source="true" title="Título do Documento" author="João Dezembro" data="10 de maio de 2018" content="Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad runt mollit anim id est laborum."}}

  </div>
 </div>
</div>

有一部分document_whiteBox收到一些款项。该文档是动态加载的,也就是说,我滚动的越多,它加载的文档就越多(例如facebook feed)

我想通过API检索服务器信息,并在滚动过程中呈现此document_whiteBox。

有可能吗?

2 个答案:

答案 0 :(得分:1)

恐怕不可能。模板处理到此结束。

您可以做的是在滚动条上放置一个偶数,通过在正确的数据上重新执行代码来显示下一个事件。

否则,另一种解决方案(但成本更高)是将所有数据返回给客户端,并隐藏部件,直到用户滚动为止。

答案 1 :(得分:1)

我能够这样解决:

我在显示时没有显示任何内容的模板:检索内容时没有显示,我使用JQUERY基于此隐藏模板创建元素

带有模板的隐藏div

namespace bot.Core.DataBase
{
    public class Creds
    {
        [Key]
        public ulong Userid { get; set; }
        public int Amount { get; set; }
    }
}

基于模板生成元素的代码:

<div id="templates" style="display:none">
  {{> document_whiteBox column="3" public_source="false" title="" author="" data="" content=""}}
  {{> block_container_list}}
</div>