AngularJS 模型

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

创建模型

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

-------------------------------- ---------------- -
    -------------- - ------- --------
---

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

在视图中使用模型

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

---- -------------------------------
    ------ ------- -------
------

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

修改模型数据

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

-------------------------------- ---------------- -
    -------------- - ------- --------

    -------------------- - ---------- -
        -------------- - --------- --------
    --
---

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

总结

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


上一篇:AngularJS 指令
下一篇:AngularJS Scope(作用域)