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发生变化时，它的界面还会跟着变。

转载于:https://www.cnblogs.com/fengyeliulin/p/5073542.html

Handlebars 和 angularjs 之间的区别相关推荐

angularjs 中 Factory,Service,Provider 之间的区别
本片文章是使用了 angularjs 中使用 service 在controller 之间 share 对象和数据的code(http://jsfiddle.net/kn46u0uj/1/) 来进行 ...
定义指令时“控制器”，“链接”和“编译”函数之间的区别
本文翻译自:Difference between the 'controller', 'link' and 'compile' functions when defining a directive ...
MEAN.js和MEAN.io之间的区别
本文翻译自:Difference between MEAN.js and MEAN.io I wanted to use the MEAN JavaScript Stack, but I notice ...
FPGA与ASIC：它们之间的区别以及使用哪一种？
FPGA与ASIC:它们之间的区别以及使用哪一种? FPGA Vs ASIC: Differences Between Them And Which One To Use? VL82C486 Sing ...
Python 应用领域以及版本之间的区别
Python 应用领域以及版本之间的区别一．Python应用领域 Python+人工智能,给你更多研究方向选择! 企业级综合实战项目,集六大前沿技术为一体二. Python 2与Python 3的 ...
java中separator_java - File.separator和路径中的斜杠之间的区别
java - File.separator和路径中的斜杠之间的区别在Java Path-String中使用/和普通的File.separator有什么区别? 与双反斜杠相比,/平台独立似乎不是原因, ...
机器学习、数据科学、人工智能、深度学习和统计学之间的区别！
↑↑↑关注后"星标"Datawhale 每日干货 & 每月组队学习,不错过 Datawhale干货作者:Vincent Granville,来源:机器之心在这篇文章中, ...
Python里面None True False之间的区别
None虽然跟True False一样都是布尔值. 虽然None不表示任何数据,但却具有很重要的作用. 它和False之间的区别还是很大的! 例子: >>> t = None > ...
2.javascript之缓存 localStorage 和sessionStorage之间的区别
2018-08-04 前言今天做项目的时候遇到了这个问题,用户登录成功之后如何改变将登录的链接切换为用户名解决方案:使用了sessionstorage缓存和js的onload加载事件用户登录成 ...
java se 与j2se_关于java：J2EE和J2SE项目之间的区别
本问题已经有最佳答案,请猛点这里访问. 我已经从github下载了一个开源项目. 这是一个基于Maven的项目. 我如何理解该项目是J2SE项目还是J2EE项目? 这两种项目在结构上有何不同? Jav ...

Handlebars 和 angularjs 之间的区别

Handlebars 和 angularjs 之间的区别相关推荐

最新文章

热门文章