Angularjs 如何管理一系列指令

我正在用angular创建一个大的输入表单。为了使应用程序更加友好，我将表单分解为许多不同的部分。我需要每个部分都位于手风琴的不同组中。每个部分都需要进行验证，在满足所需的字段验证之前，用户无法继续

在应用程序的主页中，我添加了手风琴的标记。手风琴中的每个部分都是自定义指令。该指令包含每个组的标记（输入表单和验证），还包含连接到相关服务以在数据库中保持状态的代码

示例代码

<uib-accordion close-others="true">
    <uib-accordion-group heading="Person Details" is-open="heading1.isOpen">
        <div person-details></div>
        <button class="btn btn-default btn-sm pull-right" ng-click="heading2.isOpen = !heading2.isOpen">Next <i class="glyphicon glyphicon-chevron-right"></i></button>
    </uib-accordion-group>
    <uib-accordion-group heading="Address Details" is-open="heading2.isOpen">
        <div address-details></div>
        <button class="btn btn-default btn-sm pull-right">Next <i class="glyphicon glyphicon-chevron-right"></i></button>
    </uib-accordion-group>
</uib-accordion>

下一个
下一个

难点在于如何管理手风琴组随时开放。在上面的示例代码中，我有一个“下一步”按钮来打开下一个手风琴组。但是，为了管理验证，此按钮需要与指令本身驻留在一起。这样做的问题是，指令需要知道如何控制手风琴，以便以某种方式更改活动的手风琴组-气泡

有人对此有什么想法吗？如果你认为我这样做是错误的，请告诉我

---

谢谢

例如，您需要在指令中使用范围变量，该变量对heading1.isOpen具有双向绑定。这样，指令将能够修改其父指令的is open状态

---

只需搜索指令和隔离范围变量

好极了，谢谢你的指点。我一直在读装订，但不确定自己是否完全理解了它。我目前正在尝试实现它。如果它有效的话，我会把它标记为答案。多亏了这些好东西，我无法访问mo上的angular文档，因为它们处于脱机状态，否则我会提供一个链接