AngularJS 中的指令是一种强大的工具，可以方便地将特定的行为添加到 HTML 元素上。其中一个重要的功能就是隔离作用域，它允许我们在指令内部创建一个独立的作用域，以避免与外部作用域发生冲突。
然而，在某些情况下，我们需要在指令内部公开一些行为，让外部作用域可以访问和调用。在这篇文章中，我们将介绍如何使用隔离作用域来实现这一目标。
创建指令
首先，我们需要创建一个带有隔离作用域的指令。我们可以通过设置 scope 属性为一个对象来实现。例如，以下代码定义了一个带有两个属性的指令：
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
------ -
---------- ----
---------- ---
--
------------ --------------------
----- --------------- -------- ------ -
-- ---
-
--
---在这个例子中，我们使用 = 和 @ 来表示两种不同类型的属性。当使用 = 表示属性时，它会通过双向数据绑定进行连接，并且任何更改都会反映在父级作用域中。而当使用 @ 表示属性时，则只能通过一次性的字符串插值进行连接。
公开行为
接下来，我们需要定义指令内部的一些行为，并将它们公开给外部作用域。为了实现这一点，我们可以在隔离作用域对象中添加一个方法或属性：
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
------ -
---------- ----
---------- ---
--
------------ --------------------
----- --------------- -------- ------ -
------------------ - ---------- -
-- ------ ------ -----------------
--
-------------------- - ------- -------
-
--
---在这个例子中，我们定义了一个名为 publicMethod 的公共方法和一个名为 publicProperty 的公共属性。这些方法和属性可以被外部作用域访问和调用。
访问公开行为
最后，我们需要知道如何从外部作用域中访问并调用这些公开的行为。我们可以通过在标准的元素属性中使用字面量或表达式来实现。例如，以下代码展示了如何在另一个元素上调用 publicMethod 和访问 publicProperty：
<my-directive property1="parentProperty" property2="{{parentExpression}}"></my-directive>
<div ng-click="publicMethod()">Call public method</div>
<div>{{publicProperty}}</div>在这个例子中，我们使用 property1 和 property2 属性来连接指令和外部作用域。然后，在两个 div 元素中，我们使用 ng-click 和字符串插值来调用公共方法和访问公共属性。
示例代码
以下是一个完整的示例代码，展示了如何在隔离作用域中公开行为：
-- -------------------- ---- -------
------------------------------------------------ ---------- -
------ -
--------- ----
------ -
---------- ----
---------- ---
--
------------ --------------------
----- --------------- -------- ------ -
------------------ - ---------- -
-- ------ ------ -----------------
--
-------------------- - ------- -------
-
--
---<my-directive property > 来源：[JavaScript中文网](https://www.javascriptcn.com/post/27784) ，转载请注明来源 [https://www.javascriptcn.com/post/27784](https://www.javascriptcn.com/post/27784)