在 AngularJS 中，指令是用来扩展 HTML 元素的功能。指令可以添加行为，修改 DOM 元素，甚至可以创建全新的 HTML 元素。指令还可以传递参数，这使得我们可以在指令中使用外部数据来控制指令的行为。本文将介绍 AngularJS 中指令传递参数的方法，并提供示例代码。
通过属性传递参数
在 AngularJS 中，我们可以通过属性来传递参数。这种方式非常简单，只需要在指令中定义一个属性，然后在 HTML 中使用该属性即可。下面是一个示例：
--------- -----
------
------
----- ----------------
---------------- -----------------
------- ------------------------------------------------------------------------------------
-------
----- ---------------
---- -----------------------
------------- -------------- ----------------------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- ----
---------------------------- ---------- -
------ -
--------- -----------------------
------ -
-------- ---
-
--
---
---------
-------
-------在上面的示例中，我们定义了一个指令 myDirective，并在指令中定义了一个属性 message。在 HTML 中，我们使用 my-directive 元素来调用指令，并在该元素中使用 message 属性来传递参数。指令的模板中使用了 {{message}} 来显示传递的参数。
通过双向绑定传递参数
除了通过属性传递参数外，我们还可以通过双向绑定来传递参数。这种方式可以让指令中的参数与外部数据保持同步。下面是一个示例：
--------- -----
------
------
----- ----------------
---------------- -----------------
------- ------------------------------------------------------------------------------------
-------
----- ---------------
---- -----------------------
------ ----------- -------------------
------------- ---------------------------------
------
--------
--- --- - ----------------------- ----
------------------------ ---------------- ----
---------------------------- ---------- -
------ -
--------- -----------------------
------ -
-------- ---
-
--
---
---------
-------
-------在上面的示例中，我们定义了一个指令 myDirective，并在指令中定义了一个属性 message。在 HTML 中，我们使用 my-directive 元素来调用指令，并在该元素中使用 message 属性来传递参数。指令的模板中使用了 {{message}} 来显示传递的参数。在 myCtrl 控制器中，我们定义了一个变量 message，并将其与输入框进行双向绑定。这样，当输入框中的值发生改变时，指令中的参数也会随之改变。
总结
本文介绍了 AngularJS 中指令传递参数的两种方法：通过属性传递参数和通过双向绑定传递参数。这两种方法都非常简单，可以帮助我们在指令中使用外部数据来控制指令的行为。希望本文对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/65fe854dd10417a2229c4a76