在 AngularJS 中，函数是一个重要的概念，它们用于在视图和控制器中执行一些操作。为了让函数发挥最大的作用，我们需要知道如何向函数传递参数。本文将详细介绍如何使用括号将参数传递给 AngularJS 函数，以及如何在实际应用中使用这个技术。
语法
在 AngularJS 中，我们可以使用以下语法将参数传递给函数：
<button ng-click="myFunction(param1, param2)">Click me</button>
在上面的代码中，我们使用 ng-click 指令将函数 myFunction() 绑定到按钮的点击事件上，并将两个参数 param1 和 param2 传递给函数。
示例
接下来，让我们看一个例子，演示如何在实际应用中使用括号将参数传递给 AngularJS 函数。
假设我们有一个简单的控制器，它定义了一个名为 greeting 的变量和一个名为 sayHello() 的函数：
angular.module('myApp', [])
.controller('myController', function($scope) {
$scope.greeting = 'Hello';
$scope.sayHello = function(name) {
alert($scope.greeting + ' ' + name);
}
});在上面的代码中，sayHello() 函数接受一个参数 name，并使用 alert() 函数显示一个消息框，其中包含 greeting 变量和传递的参数 name。
现在，我们可以在 HTML 中使用括号将参数传递给 sayHello() 函数：
<div ng-app="myApp" ng-controller="myController"> <input type="text" ng-model="name"> <button ng-click="sayHello(name)">Say hello</button> </div>
在上面的代码中，我们使用 ng-model 指令创建了一个文本输入框，用户可以在其中输入一个名字。然后，我们使用 ng-click 指令将 sayHello() 函数绑定到按钮的点击事件上，并将文本框中的值作为参数传递给函数。
当用户点击按钮时，AngularJS 将调用 sayHello() 函数，并将文本框中的值作为参数传递给它。sayHello() 函数将显示一个消息框，其中包含变量 greeting 和传递的参数 name，从而向用户发送问候语。
总结
使用括号将参数传递给 AngularJS 函数是非常重要的，因为它使我们能够在函数中使用外部数据。在实际应用中，我们可以使用这个技术来执行各种操作，例如根据用户输入更新页面内容、向服务器发送请求或显示提示消息等等。希望本文对你掌握这个技术有所帮助。
完整示例代码：
-- -------------------- ---- -------
--------- -----
------
------
------- ------------------------------------------------------------------------------------
-------
------
---- -------------- -----------------------------
------ ----------- ----------------
------- ----------------------------- --------------
------
--------
----------------------- ---
--------------------------- ---------------- -
--------------- - --------
--------------- - -------------- -
--------------------- - - - - ------
-
---
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/31102