AngularJS中文参考手册

收藏(10)分享
阅读(10502)更新时间(2016-10-15)

在《AngularJS中文参考手册》中,AngularJS 通过新的属性和表达式扩展了 HTML。AngularJS 可以构建一个单一页面应用程序(SPAs:Single Page Applications)。 AngularJS 学习起来非常简单。


AngularJS是一款由Google维护的开源JavaScript库,用来协助单一页面应用程序运行。它的目标是透过MVC模式(MVC)功能增强基于浏览器的应用,使开发和测试变得更加容易。在版本2大改(最突出的改变的全面使用TypeScript)之后改名Angular,第N版以Angular N的形式命名。

库读取包含附加自定义(标签属性)的HTML,遵从这些自定义属性中的指令,并将页面中的输入或输出与由JavaScript变量表示的模型绑定起来。这些JavaScript变量的值可以手工设置,或者从静态或动态JSON资源中获取。

提示:在开始学习 AngularJS 之前,您需要具备HTMLCSSJavaScript基础知识。

下面让我们运行第一个AngularJS实例吧!

第一个AngularJS实例

实例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="https://cdn.staticfile.org/angular.js/1.4.6/angular.min.js"></script>
</head>
<body>

<div ng-app="">
  <p>名字 : <input type="text" ng-model="name"></p>
  <h1>Hello {{name}}</h1>
</div>

</body>
</html>

运行实例 »

点击 "运行实例" 按钮查看在线实例

Angular遵循软件工程的MVC模式,并鼓励展现,数据,和逻辑组件之间的松耦合。通过依赖注入(dependency injection),Angular为客户端的Web应用带来了传统服务端的服务,例如独立于视图的控制。因此,后端减少了许多负担,产生了更轻的Web应用。

提示:我们的AngularJS 教程将帮助您逐步学习如何掌握并使用AngularJS ,如果你有任何疑问,请前往PHP中文网AngularJS社区提出你的问题,会有热心网友为你解答。

AngularJS主要特点

  • AngularJS通过为开发者呈现一个更高层次的抽象来简化应用的开发。如同其他的抽象技术一样,这也会损失一部分灵活性。换句话说,并不是所有的应用都适合用AngularJS来做。

  • AngularJS主要考虑的是构建CRUD应用。幸运的是,至少90%的WEB应用都是CRUD应用。但是要了解什么适合用AngularJS构建,就得了解什么不适合用AngularJS构建。

  • 如游戏,图形界面编辑器,这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建。像这种情况用一些更轻量、简单的技术如jQuery可能会更好。

AngularJS设计目标:

  • 将应用逻辑与对DOM的操作解耦。这会提高代码的可测试性。

  • 将应用程序的测试看的跟应用程序的编写一样重要。代码的构成方式对测试的难度有巨大的影响。

  • 将应用程序的客户端与服务端解耦。这允许客户端和服务端的开发可以齐头并进,并且让双方的复用成为可能。

  • 指导开发者完成构建应用程序的整个历程:从用户界面的设计,到编写业务逻辑,再到测试。

本AngularJS教程手册涵盖的内容

本AngularJS教程手册涵盖所有React基础使用方法,包含了AngularJS表达式、AngularJS指令、AngularJS模型、AngularJS控制器、AngularJS表格、AngularJS事件、AngularJS模块、AngularJS动画、AngularJS依赖注入、AngularJS路由等等的详细知识。

提示:本教程的每一章都包含了很多AngularJS实例,您可以直接点击 "运行实例" 按钮在线查看结果。这些例子将帮助您更好地理解和使用AngularJS。