Question

我需要一些我正在尝试的应用程序的帮助。我正在尝试将https://github.com/mfauveau/angular-query-builder中找到的应用修改为特定需求。

子指令隔离范围没有正确填充视图/子指令范围由于父指令递归而混合。我需要帮助来解决范围混合。

我正在处理的那个傻瓜是https://plnkr.co/edit/rqyHoCL5LHrgLHGjrTcQ?p=info

有问题的指令是，当＆＃34;条件＆＃34;时，该指令在视图上可见。字段属于＆＃34;教育＆＃34;和＆＃34;发现＆＃34;按钮可见。

notify()

当我们添加组的级别并从内到外开始添加条件时，此指令以某种方式工作。我无法调试究竟是什么导致它。如果问题仍然不明确，请告诉我。

Answer 1

我想我发现了你的问题。问题不在于角度范围，而在于您显示模态的方式。因为您使用id来切换模态，所以对于添加的所有其他模态，它的值都是相同的。单击“查找”按钮时，您将始终显示第一个模态。

我选择了范围的id来区分模态，但你可以选择最适合你的方式

<script type="text/ng-template" id="/educationCategories.html">
        <button class="btn" type="button" style="margin-left:5px" data-ng-click="populateCategories()" data-toggle="modal" data-target="#mymodal-{{$id}}">find</button>
                <div class="modal fade" id="mymodal-{{$id}}" tabindex="-1" role="dialog" aria-labelledby="fieldSelectorModalTitle">
                    <div class="modal-dialog modal-dialog-centered" role="document">

可以在此处找到修复工具：https://plnkr.co/edit/tiRP759iy4pfyOqEDcDZ?p=preview

$ scope。$ parent在父级阻止编译递归时无法更新子指令的视图

1 个答案: