вызов директивы дважды используется в той же области

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. Но его разделение одинаково.

Как исправить эту проблему.

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>