Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/451.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/76.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
使用数据绑定的javascript模板_Javascript_Html - Fatal编程技术网

使用数据绑定的javascript模板

使用数据绑定的javascript模板,javascript,html,Javascript,Html,我一直在玩一些js模板引擎。它们似乎都提供了相当标准的特性,并使使用JS生成html变得更加简单 我还没有发现一个引擎,尽管它提供了元素上的数据绑定。我希望能够做到以下几点: 将包含数据的模板渲染到特定div 使用新数据更新该模板中的所有属性(而不是覆盖所有html) 我主要喜欢这样做,这样我就不必一直向生成的html添加事件等。我有一个应用程序,它每2秒轮询一次新数据,并且做一个innerHTML样式的更新会让我非常恼火,因为我必须重复更新与该html关联的dom事件 有人见过这种类型的js模

我一直在玩一些js模板引擎。它们似乎都提供了相当标准的特性,并使使用JS生成html变得更加简单

我还没有发现一个引擎,尽管它提供了元素上的数据绑定。我希望能够做到以下几点:

  • 将包含数据的模板渲染到特定div
  • 使用新数据更新该模板中的所有属性(而不是覆盖所有html)
  • 我主要喜欢这样做,这样我就不必一直向生成的html添加事件等。我有一个应用程序,它每2秒轮询一次新数据,并且做一个innerHTML样式的更新会让我非常恼火,因为我必须重复更新与该html关联的dom事件


    有人见过这种类型的js模板引擎吗?

    前面有一个问题“”,其中@balupton提到了一个显然可以做到这一点的方法。

    不幸的是,没有。但是这个想法是+1。>所以我不必一直在生成的html中添加事件等。你熟悉事件委派吗?也就是说,将事件侦听器一次添加到容器div中,而不是每个子容器,然后让事件传播处理其余的事情?我不明白。例如,如果我有5个不同的控件(即链接),可以做5件不同的事情,我替换了html,我仍然需要再次单独添加这5个事件。。。谢谢提醒!我感觉我的事件编码即将改变。@John:当然!请看我之前给出的答案,上面有很多有趣的链接:注意,里面没有关于JavaScript模板引擎的内容。我还没有验证这一点是否正确,但是快速浏览一下网站,我没有看到任何关于这类功能的内容。您想在演示页面上一直向下滚动,并查看“自动更新”部分。