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

calling the directive twice is sharing the same scope

本文关键字：共享 范围 两次 指令 调用      更新时间：2023-09-26

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

角度查询生成器

我遇到的问题是当我使用该指令两次时。 一个接一个地，如果我首先使用的所有功能也会发生在另一个函数上。

<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>

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

如何解决此问题。

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

<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>
相关文章：