前言
在学习 AngularJS 的过程中，$scope 和 Controller 是两个非常重要的概念。$scope 是一个可以用于页面上展示的对象，它包含了页面上的数据和方法，而 Controller 则是用于控制页面的行为和逻辑的。在本文中，我们将详细讲解 $scope 和 Controller 的关系，以及它们在 AngularJS 中的应用。
$scope
$scope 是 AngularJS 中最重要的概念之一。它是一个用于页面上展示的对象，通过它，我们可以将数据和方法绑定到页面上，从而使页面上的内容动态地改变。$scope 对象可以通过注入 $rootScope 或 $scope 的方法来创建。
在 AngularJS 中，每个页面都有一个属于自己的 $scope 对象，它可以通过 ng-app 指令来定义。比如下面的代码：
<html ng-app="myApp">
在这个代码中，我们通过指定 ng-app 指令的值为 myApp 来定义了一个属于自己的 $scope 对象。作为应用的入口点，myApp 将被用于控制整个 AngularJS 应用的行为。
Controller
Controller 用于控制页面的行为和逻辑。它们负责处理页面上的数据和方法，并将其绑定到相应的 $scope 对象中。在 AngularJS 中，每个页面可以有一个或多个 Controller，它们通过 ng-controller 指令来定义。比如下面的代码：
<div ng-controller="myController">
在这个代码中，我们通过指定 ng-controller 指令的值为 myController 来定义了一个名为 myController 的 Controller。通过这个 Controller，我们可以在页面上绑定数据和方法，从而使页面能够动态改变。
$scope 和 Controller 的关系
在 AngularJS 中，$scope 和 Controller 之间存在着非常紧密的关系。$scope 对象是用来承载页面上的数据和方法的，而 Controller 则是用来控制页面上的行为和逻辑的。通过将数据和方法绑定到 $scope 对象上，我们可以在 Controller 中对其进行操作和调用，从而实现页面动态改变的效果。
下面是一个示例代码：
-- -------------------- ---- -------
---- -------------- -----------------------------
---------- --------------
------- ------------------------------ -------------
------
--------
--- --- - ----------------------- ----
------------------------------ ---------------- -
----------- - --------
----------------- - ---------- -
----------- - ------------
-
---
---------在这个示例代码中，我们定义了一个名为 myController 的 Controller，它将 name 属性和 changeName 方法绑定到了 $scope 对象上。在页面上，我们使用双大括号语法将 name 属性展示出来，并使用按钮来触发 changeName 方法。当我们点击按钮时，changeName 方法会将 name 属性的值改变为 AngularJS，从而使页面上的文本动态改变。
总结
$Scope 和 Controller 是 AngularJS 中非常重要的概念，它们之间有着非常紧密的关系。通过将数据和方法绑定到 $scope 对象上，我们可以在 Controller 中对其进行操作和调用，从而实现页面动态改变的效果。希望本文能够帮助读者更好地理解 $scope 和 Controller 的关系，提高自己的 AngularJS 知识水平。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/644fa8b2980a9b385b907c16