Handlebars 和 angularjs 之间的区别

handlebarsjs算不上框架，只是一种js模板引擎，是模板库，模板库的主要作用是：你想要生成某一大片有一定规律的界面，比如商品详情，不同商品之间差的只是名称，价格，图片，介绍这些，但是结构一样的，那我们就可以给他预先写个界面模板，里面凡是有可能变的地方，用变量代替，然后每次拿不同的数据代入，生成最终的结果HTML。一般的模板库都是静态模板。

angularjs是一款优秀的前端JS框架，已经被用于Google的多款产品当中。它有着诸多特性，最为核心的是：MVVM、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。它包含的东西很多，其中，模板这一块也有类似的东西，但它的界面模板不仅仅是模板本身，还包括一些配置，这些配置能被特定的方式解析，从而与数据层进行动态关联。所以这是动态模板。

 

静态模板跟动态模板的区别：

var _name = "<div>{{name}}</div>";

var data = {name:zhangsan};

var getName = compile(_name, data);

静态的只会做一次代入，也就是生成之后，这个getName就只是一个字符串而已了。当result已经被加到界面之后，你的data再怎么变化，界面也不会变了，除非自己再调用一次compile。

但是动态模板则不同，compile之后的getName加入界面后，跟data建立一种动态关联，data发生变化时，它的界面还会跟着变。