AngularJS学习笔记之基本指令(init、repeat)

AngularJS 指令是强大的 HTML 属性扩展，带有标志性的前缀“ng-”。它们是构建强大且动态的应用程序的关键元素。让我们深入其中的几个关键指令。

我们来谈谈 ng-app 指令。这是一个至关重要的指令，它实际上标志着 AngularJS 应用程序的开始。通过简单地添加 ng-app 属性到你的 HTML 元素，你可以初始化一个全新的 AngularJS 应用程序。这个指令会自动引导并启动应用，使其成为可以响应数据和用户交互的活跃环境。

接下来是 ng-init 指令，它允许你在 HTML 元素中直接初始化应用程序的数据。这是一个强大的工具，允许你在页面加载时预定义一些初始状态或数据。这使得在视图层面直接操作数据成为可能，为开发者提供了极大的便利。

然后，我们来看看 ng-model 指令。这是一个双向数据绑定指令，它将应用程序的数据与 HTML 元素紧密地绑定在一起。无论数据在应用程序中如何变化，与之相关的 HTML 元素都会立即更新，反之亦然。这种实时的、双向的绑定机制极大地简化了开发者的工作，使得数据同步变得轻而易举。

在 AngularJS 中，这些指令被广泛用于构建各种类型的应用程序。它们不仅使得开发者能够更方便地操作数据和视图，而且极大地提高了开发效率和应用程序的性能。通过使用这些指令，我们可以轻松地创建响应式应用程序，这些程序可以根据用户的行为和数据进行实时的调整和响应。

AngularJS 的指令提供了一种强大的方式，让我们可以在 HTML 中嵌入动态行为和数据。通过简单的前缀标记，我们可以启动整个应用程序，初始化数据，并将数据与视图进行双向绑定。这些指令不仅使得 AngularJS 应用程序的开发变得简单和直观，也使得这些应用程序能够灵活地响应用户的需求和数据的变动。AngularJS学习笔记之基本指令详解（init、repeat及其他）

一、ng-init——初始化变量、对象和数组

初始化变量

初始化对象

初始化数组

二、ng-controller——控制器的作用

三、ng-repeat——遍历集合与对象

遍历无重复集合

遍历重复集合并跟踪索引（track by）