JS框架AngularJS

最新推荐文章于 2025-06-19 12:36:05 发布

shenzhenNBA

最新推荐文章于 2025-06-19 12:36:05 发布

阅读量4.5k

点赞数

CC 4.0 BY-SA版权

分类专栏：管理者/开发者 JavaScript 文章标签： JavaScript angularjs 框架

本文链接：https://blog.youkuaiyun.com/shenzhenNBA/article/details/12854677

管理者/开发者同时被 2 个专栏收录

214 篇文章

订阅专栏

JavaScript

60 篇文章

订阅专栏

AngularJS是由Google开发的一款前端框架，能够将HTML与JavaScript对象绑定在一起，实现数据双向绑定。该框架体积小巧，仅60KB，兼容主流浏览器，可与jQuery等其他框架配合使用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

JavaScript的使用已经非常普遍，同时也有很多写好的JS框架，比如 jQuery 框架，应用已经非常广泛，最近又出很多新的JS框架，比如 AngularJS 框架，下面就简单认识一下该框架；

一，AngularJS的开发者

AngularJS 由 Google 开发；

二，什么是AngularJS？

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

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

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.0.7/angular.min.js"></script>

AngularJS通过大量的指令让你能够在模型和HTML元素间做关联。它们就是以ng-开头的属性，并且能添加到任何元素上。如果你想使用Angular，你不得不为每个页面包含一个最重要的属性，即ng-app:

<body ng-app>

这个元素应该被添加到能够包含剩余页面的元素上，诸如body或者外围的div元素之类。当页面加载时，Angular会寻找这个属性，并且会自动评估在子元素上看到的所有指令。
理论部分就到此为止了！现在让我们看看代码。

三，文件体积，与浏览器，其它框架相关问题

AngularJS很小，只有60K，兼容主流浏览器，与 jQuery 配合良好。

四，官网和简单用例

5个示例带你学习AngularJS, http://blog.jobbole.com/48979/

1.AngularJS主页 http://angularjs.org/

2.AngularJS指南 http://docs.angularjs.org/guide/overview

3.AngularJS官方教程 http://docs.angularjs.org/tutorial

4.一些其它更多的资源，视频和教程 https://github.com/jmcunningham/AngularJS-Learning

5.报道的 Angular 资源集， http://www.youkuaiyun.com/article/2014-01-03/2818005-AngularJS-Google-resource