在 AngularJS 中,模型是应用程序中的数据。模型通常存储在控制器中,并且可以通过双向数据绑定与视图同步。在 AngularJS 中,我们可以使用 $scope
对象来管理模型数据。
创建模型
要创建一个模型,首先需要在控制器中定义一个 $scope
对象。例如:
-------------------------------- ---------------- - -------------- - ------- -------- ---
在上面的示例中,我们在控制器中定义了一个 $scope.message
变量,并将其设置为 'Hello, World!'
。这个变量就是我们的模型数据。
在视图中使用模型
要在视图中使用模型数据,可以通过双花括号 {{ }}
语法来绑定模型变量。例如:
---- ------------------------------- ------ ------- ------- ------
在上面的示例中,我们在视图中使用了 {{ message }}
来显示模型数据。这样,当模型数据发生变化时,视图会自动更新。
修改模型数据
要修改模型数据,只需在控制器中更新 $scope
对象的属性即可。例如:
-------------------------------- ---------------- - -------------- - ------- -------- -------------------- - ---------- - -------------- - --------- -------- -- ---
在上面的示例中,我们定义了一个 updateMessage
方法,当调用这个方法时,模型数据会被更新为 'Goodbye, World!'
。
总结
模型是 AngularJS 应用程序中的数据,通过 $scope
对象进行管理。通过双向数据绑定,模型数据可以与视图同步,实现动态更新的效果。在下一章节中,我们将学习如何使用 AngularJS 中的指令来操作模型数据。