AngularJS，作为一个强大的前端JavaScript框架，由Google维护，主要用于构建动态Web应用。它提供了丰富的功能，使开发者能够轻松地实现数据绑定、指令扩展、表单验证以及更复杂的前端交互。以下将详细介绍AngularJS中最常用的八种功能：
1. **迭代输出：ng-repeat**
`ng-repeat` 指令允许你遍历数组或对象，并在DOM中重复渲染元素。例如，你可以使用它来创建列表，表格等。在示例中，`<li>` 元素会根据 `persons` 数组中的每个对象进行重复，显示姓名和年龄。
2. **动态绑定：ng-model**
`ng-model` 用于双向数据绑定，将HTML表单元素与JavaScript变量直接关联。当用户在输入框中输入内容时，`ng-model` 将自动更新对应的变量值，反之亦然。示例中，`<input>` 的值与 `password` 变量绑定，输入的变化会实时反映到页面其他地方引用该变量的地方。
3. **事件绑定：ng-click**
`ng-click` 用于绑定点击事件，允许你在元素上执行函数。与传统的 `onclick` 不同，`ng-click` 可以直接调用 `$scope` 上的方法，并传递参数。在例子中，按钮点击会触发 `pressMe()` 方法，如果需要，还可以传递对象。
4. **条件语句：ng-switch, ng-if, ng-show, ng-hide, ng-disabled**
- `ng-switch` 根据表达式的值改变元素的内容。
- `ng-if` 根据条件决定元素是否存在于DOM中，这对于性能优化很有用，因为条件不满足时，该元素不会被渲染。
- `ng-show` 和 `ng-hide` 根据条件控制元素的可见性，但它们不会移除元素，只是改变CSS的 `display` 属性。
- `ng-disabled` 控制元素是否可交互，例如禁用按钮。
5. **表单验证：ng-trim, ng-minlength, ng-maxlength, required, ng-pattern**
这些指令用于表单验证，确保用户输入的数据符合特定规则：
- `ng-trim` 默认移除输入框的前导和尾随空白字符。
- `ng-minlength` 和 `ng-maxlength` 限制输入字段的字符长度。
- `required` 确保字段非空。
- `ng-pattern` 用正则表达式验证输入。
6. **下拉框：ng-options**
`ng-options` 用于生成下拉选择列表，它可以从数组或对象中生成选项。在示例中，`select` 元素的值绑定到 `yourSelected`，显示的是 `person.name`，而实际选中的值是 `person.id`。
7. **过滤器：orderBy, date**
- `orderBy` 过滤器用于排序数组，如示例中按姓名排序。
- `date` 过滤器格式化日期，如将时间戳转换为易读的日期时间格式。
8. **自定义指令：AngularJS允许开发者创建自定义指令，扩展HTML的功能，实现更复杂的交互和视图逻辑。
以上就是AngularJS中常用的功能，它们使得构建交互式、响应式的Web应用变得简单高效。掌握这些基础，开发者可以构建出功能丰富的单页应用(SPA)。在实际开发中，还需要理解依赖注入、服务、过滤器、路由等更多概念，以充分利用AngularJS的潜力。
