AngularJS 简介

AngularJS 是一个由 Google 开发的开源 JavaScript 框架，用于构建单页面 Web 应用程序。它采用了 MVC（Model-View-Controller）架构模式，使开发者能够轻松地构建动态、交互式的用户界面。

特点

AngularJS 最大的特点之一是双向数据绑定。这意味着当数据发生变化时，视图会自动更新，反之亦然。这样的设计使得开发者可以更加专注于业务逻辑，而不用过多地关注数据和视图之间的同步。

另一个重要特点是指令系统。AngularJS 提供了一系列内置指令，如 ng-model、ng-repeat、ng-show 等，开发者也可以自定义指令来实现特定功能。指令可以在 HTML 中直接使用，使得页面结构更加清晰、易于维护。

此外，AngularJS 还提供了依赖注入、模块化、路由、过滤器等功能，使得开发更加高效、灵活。

示例代码

下面是一个简单的 AngularJS 应用示例，展示了双向数据绑定和指令的基本用法：

// www.javascriptcn.com code example
<!DOCTYPE html>
<html ng-app="myApp">
<head>
  <title>AngularJS Demo</title>
  <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.8.2/angular.min.js"></script>
</head>
<body>

<div ng-controller="MyController">
  <input type="text" ng-model="name">
  <p>Hello, {{name}}!</p>
</div>

<script>
angular.module('myApp', [])
  .controller('MyController', function($scope) {
    $scope.name = 'World';
  });
</script>

</body>
</html>

在上面的示例中，我们定义了一个名为 myApp 的 AngularJS 应用，并在 MyController 控制器中初始化了一个名为 name 的变量。这个变量与输入框中的值双向绑定，当输入框中的值发生变化时，页面上的文本也会随之更新。

这只是 AngularJS 的一个简单示例，接下来我们将深入学习 AngularJS 的更多功能和用法。