Question

我使用以下角度插件来生成查询。

我得到的问题是我使用指令两次。一个接一个的所有功能，如果我在第一次使用也发生在另一个。

<div class="container" ng-controller="QueryBuilderCtrl">
<h1>Angular.js Query Builder</h1>

    <div class="alert alert-info">
        <strong>Example Output</strong><br>
        <span ng-bind-html="output"></span>
    </div>

    <query-builder group="filter.group"></query-builder>
    <query-builder group="filter.group"></query-builder>
</div>

它是插件索引页面的一段代码。在这里，我复制粘贴了querybuilder指令两次。但它的共享范围相同。

如何解决此问题。

Answer 1

尝试为指令提供不同的模型。在你的情况下，他们共享相同的模型。

<div class="container" ng-controller="QueryBuilderCtrl">
<h1>Angular.js Query Builder</h1>

    <div class="alert alert-info">
        <strong>Example Output</strong><br>
        <span ng-bind-html="output"></span>
    </div>

    <query-builder group="filter.group"></query-builder>
    <query-builder group="filter.anotherGroup"></query-builder>
</div>

两次调用指令是共享相同的范围

1 个答案: