3、深入理解AngularJS：核心概念与实践

深入理解AngularJS：核心概念与实践

1. AngularJS中的MVC模式

在AngularJS里，MVC（Model-View-Controller）模式为应用代码赋予了高度的灵活性。下面详细介绍MVC各部分的概念：
- Model ：包含作用域属性，指令和控制器都能访问作用域实例。
- View ：包含由指令增强或扩展的渲染后的HTML元素。
- Controller ：是一个构造函数，可访问作用域实例，并利用它为视图提供数据和函数。

MVC模式引入了控制器、模型和视图的可重用性。同一控制器可用于多个视图，同一模型可在多个控制器中复用，同一视图也能供多个控制器使用。此外，它还增强了模型、控制器甚至指令的可测试性。

以一个示例来说明，在示例代码中， ExampleController 函数的 $scope 参数可视为模型，由 body 元素和 ng-controller 属性界定的标记为视图， ExampleController 函数则是控制器。

2. AngularJS应用的结构与启动

2.1 隐式与显式配置

部分示例采用隐式应用配置，但有时在应用启动前需进行配置，或者要从单个JavaScript代码库运行多个AngularJS应用，这时就需要显式初始化应用。

2.2 显式初始化示例