AngularJS是一个流行的JavaScript框架，用于构建单页面应用程序。在AngularJS中，有三种不同的绑定符号：&、@和=。这些符号在指令定义中用作属性绑定器，但它们的功能各不相同。
&符号
&符号用于将父指令的函数传递给子指令，并且允许子指令调用该函数。当父指令的作用域中出现一个函数时，可以使用&符号将其传递到子指令并在子指令中调用它。这种方式使得我们可以实现回调函数的机制。
示例代码
-- ---
-------------------------------- ---------- -
------ -
--------- ----
------ -
--------- ---
--
--------- ----------------- ---------------------------- -------------------------------
----------- ---------------- -
-------------- - ------- --------
----------------------- - ----------------- -
---------------------
--
-
--
---
-- ---
------------------------------- ---------- -
------ -
--------- ----
------ -
-------- ---
--
--------- -------- -------------------------- -------------
----------- ---------------- -
-----------------
-
--
---在这个例子中，父指令中定义了一个回调函数callbackFunction。子指令中有一个按钮元素，当点击它时，它会调用父指令中的回调函数，并将消息作为参数传递。
@符号
@符号用于将父指令的属性传递给子指令，并且允许在子指令中使用这些属性。当使用@符号时，父指令中定义的值将被解析为字符串。
示例代码
-- ---
-------------------------------- ---------- -
------ -
--------- ----
------ -
-------- ---
--
--------- ----------------- ------------------------------------------
----------- ---------------- -
-------------- - ------- --------
-
--
---
-- ---
------------------------------- ---------- -
------ -
--------- ----
------ -
-------- ---
--
--------- --------------
----------- ---------------- -
----------------------------
-
--
---在这个例子中，父指令中定义了一个属性message，并将其传递给子指令。在子指令中，使用{{message}}指令将该属性呈现为文本，并使用$scope.message打印出该属性的值。
=符号
=符号用于实现双向数据绑定，它将父指令的属性与子指令的属性绑定在一起。当父指令的属性发生更改时，子指令中的属性也会随之更改。反之亦然。
示例代码
-- ---
-------------------------------- ---------- -
------ -
--------- ----
------ -
-------- ---
--
--------- ----------------- ---------------------------------------
----------- ---------------- -
-------------- - ------- --------
-
--
---
-- ---
------------------------------- ---------- -
------ -
--------- ----
-------- ----------
------ -
-------- ---
--
--------- ------- ----------- -------------------- -------------
----------- ---------------- -
----------------------------
-
--
---在这个例子中，父指令中定义了一个message属性，并将其与子指令中的ngModel绑定在一起。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/25036