AngularJS 模型

在 AngularJS 中，模型是应用程序中的数据。模型通常存储在控制器中，并且可以通过双向数据绑定与视图同步。在 AngularJS 中，我们可以使用 $scope 对象来管理模型数据。

创建模型

要创建一个模型，首先需要在控制器中定义一个 $scope 对象。例如：

app.controller('MainController', function($scope) {
    $scope.message = 'Hello, World!';
});

在上面的示例中，我们在控制器中定义了一个 $scope.message 变量，并将其设置为 'Hello, World!'。这个变量就是我们的模型数据。

在视图中使用模型

要在视图中使用模型数据，可以通过双花括号 {{ }} 语法来绑定模型变量。例如：

<div ng-controller="MainController">
    <h1>{{ message }}</h1>
</div>

在上面的示例中，我们在视图中使用了 {{ message }} 来显示模型数据。这样，当模型数据发生变化时，视图会自动更新。

修改模型数据

要修改模型数据，只需在控制器中更新 $scope 对象的属性即可。例如：

app.controller('MainController', function($scope) {
    $scope.message = 'Hello, World!';

    $scope.updateMessage = function() {
        $scope.message = 'Goodbye, World!';
    };
});

在上面的示例中，我们定义了一个 updateMessage 方法，当调用这个方法时，模型数据会被更新为 'Goodbye, World!'。

总结

模型是 AngularJS 应用程序中的数据，通过 $scope 对象进行管理。通过双向数据绑定，模型数据可以与视图同步，实现动态更新的效果。在下一章节中，我们将学习如何使用 AngularJS 中的指令来操作模型数据。