ディレクティブを2回呼び出して同じスコープを共有しています

Question

次の角度プラグインを使用してクエリを生成しています。

angular query builder

私は二度ディレクティブを使用する場合、私は取得しています問題があります。私は最初に使用すると、次々に別のものにも起こります。

<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ディレクティブを2度貼り付けてコピーします。しかし、同じスコープを共有しています。

この問題を解決する方法。

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>