AngularJS 最常用的功能汇总

AngularJS 是一款流行的 JavaScript 前端框架，它提供了许多强大的功能，使开发人员能够轻松构建动态、交互式的单页面应用程序。本文将详细介绍一些 AngularJS 最常用的功能，并提供相应的源代码示例。

1. 双向数据绑定

AngularJS 最引人注目的特性之一是双向数据绑定。通过双向数据绑定，模型（Model）和视图（View）之间的数据会自动保持同步。这意味着当模型中的数据发生变化时，视图会自动更新，反之亦然。以下是一个简单的双向数据绑定示例：

<div ng-app="myApp" ng-controller="myCtrl">
  <input ng-model="name">
  <h1>Hello, {
  
  {name}}!</h1>
</div>

<script>
  var app = angular.module('myApp', []);
  app.controller('myCtrl', function($scope) {
    $scope.name = 'John Doe';
  });
</script>

在上述示例中，ng-model 指令用于绑定输入框和模型中的 name 属性。当用户在输入框中输入内容时，模型中的 name 属性会自动更新，并且该变化会反映在 <h1> 标签中。

2. 控制器（Controller）