5个示例带你学习AngularJS

2019独角兽企业重金招聘Python工程师标准>>>

本文由 伯乐在线 - 蝈蝈 翻译自 tutorialzine。欢迎加入技术翻译小组。转载请参见文章末尾处的要求。

直到现在，你或许已经听说过AngularJS了，一个改变你对web应用思考方式，由谷歌开发的令人兴奋的开源框架。关于它的文章已经写得非常之多，但我发现还是要写些给那些更喜欢快速且实际例子的开发者。当今对web编程已经发生了改变。下面通过对5个实例的解释，你可以找到Angular应用的基本构建块，包括模型，视图，控制器，服务和过滤器，你可以在自己的浏览器中直接编辑。如果你更倾向于在你喜欢的代码编辑器中打开，那么请下载zip包。

什么是AngularJS？

在高层次理解之上，AngularJS是一个把HTML(视图)绑定到JavaScript对象(模型)上的框架。当模型改变时，页面也能自动随之更新，反之亦然。当某个域的内容发生变化时，与之关联的模型也能更新。正因为Angular处理了所有的中间代码，所以你不用像jQuery那样，手动更新HTML或者事件监听。事实上，这里没有任何一个例子使用到了jQuery！

如果要使用AnguarJS，你就得在标签结束之前把它包含到你的页面里。这里推荐使用谷歌CDN，相比来说，它有比较快速的加载时间：