什么是 MVC？
MVC（Model-View-Controller）是一个软件架构模式，用于将应用程序的数据、用户界面和控制逻辑分离。这样做可以增加代码的可重用性、维护性，并使开发更容易。
在 MVC 中，模型（Model）表示应用程序的数据，视图（View）表示用户界面，而控制器（Controller）则处理用户输入并更新模型和视图。
AngularJS 中的 MVC
AngularJS 是一个使用 MVC 模式的前端框架。在 AngularJS 中，控制器（Controller）用于处理用户输入、管理应用程序状态并更新视图，服务（Service）用于提供数据和其他功能，指令（Directive）用于扩展 HTML 标记并提供自定义行为。
以下是一个使用 AngularJS 的简单示例：
-- -------------------- ---- -------
--------- -----
----- ---------------
------
----- ----------------
---------------- --- ---------------
------- ------------------------------------------------------------------------------------
-------
----- -----------------------
------ ----------- ----------------
-------- -- ---- ------
------- ---------------------------------
--------
--- --- - ----------------------- ----
------------------------ ---------------- -
----------- - ---
------------ - ---------- -
----------- - ---
-
---
---------
-------
-------在此示例中，我们创建了一个名为 myApp 的 AngularJS 应用程序，并将其应用到整个文档中。我们还使用 ng-controller 指令指定了一个控制器。
该控制器定义了一个模型属性 $scope.name，它存储输入框中的值。我们使用插值表达式 {{ name }} 将其绑定到视图中，以便在页面上显示。
控制器还定义了一个函数 $scope.clear()，用于清除输入框中的值。我们使用 ng-click 指令将该函数绑定到“Clear”按钮上。
总结
AngularJS 提供了一个强大的 MVC 模式，可以帮助开发人员轻松地创建灵活、可维护的应用程序。通过分离应用程序的数据、用户界面和控制逻辑，开发人员可以更轻松地编写高质量的代码，并提高生产力。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25229