在 AngularJS 应用程序的控制器中，你可以定义许多函数来处理不同的业务逻辑。这些函数可以帮助你保持代码的可读性和可维护性，并使你的应用程序更加模块化。
声明一个函数
要在控制器中定义一个函数，你需要将它作为控制器对象的一个属性来声明。下面是一个示例控制器：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------- -
-- ------
------------ - ------ --------
-- ------
------------- - ---------- -
--------------------
--
---在这个示例中，我们定义了一个名为 MyController 的控制器，并将其注册到 myApp 模块中。该控制器有两个属性：message 和 sayHello。message 是一个字符串，而 sayHello 是一个函数，用于显示一个弹出框，其中包含 message 字符串的值。
在视图中调用函数
要在 HTML 视图中调用控制器中的函数，你需要使用指令 ng-click。ng-click 指令将触发一个表达式，这个表达式是一个函数调用。下面是一个示例：
<div ng-app="myApp" ng-controller="MyController as ctrl">
{{ctrl.message}}
<button ng-click="ctrl.sayHello()">Say Hello</button>
</div>在这个示例中，我们使用了 ng-click 指令来触发 ctrl.sayHello() 函数。当用户单击按钮时，将调用该函数并显示一个弹出框。
使用 $scope 对象
除了将函数作为控制器对象的属性来声明之外，你还可以使用 $scope 对象来定义函数。$scope 对象是 AngularJS 应用程序中最常用的机制之一，用于在控制器和视图之间共享数据和行为。
下面是一个示例：
-- -------------------- ---- -------
----------------------- ---
--------------------------- ---------------- -
-- ------
-------------- - ------ --------
-- ------
--------------- - ---------- -
----------------------
--
---在这个示例中，我们将 $scope 对象注入到了控制器中，并使用它来定义属性和函数。与前面的示例不同，此时我们没有使用控制器对象来定义任何属性或函数。
在视图中使用 $scope 对象中的函数时，你需要使用以下语法：
<div ng-app="myApp" ng-controller="MyController">
{{message}}
<button ng-click="sayHello()">Say Hello</button>
</div>在这个示例中，我们从 $scope 对象中读取 message 属性的值，并使用 sayHello() 函数来处理按钮单击事件。
总结
在 AngularJS 应用程序的控制器中使用函数是一个很好的实践，可以帮助你将代码分解为更小、更易于管理和测试的部分。要声明一个函数，你需要将它作为控制器对象的一个属性来定义，或者将其添加到 $scope 对象中。在视图中调用这些函数时，你需要使用 ng-click 指令，并提供对应的表达式。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/25485