AngularJS中文参考手册

开发时间：2022-04-13

27文章

26048 次浏览

您将会学到

在《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 之前，您需要具备HTML、CSS、JavaScript基础知识。

下面让我们运行第一个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路由等等的详细知识。