title: Two directives, respective pair of controllers and same templateUrl
body: <p>I am novice in AngularJS. I want to use one template for two directives. In deal, the first directive overrides the behavior of the second. But I've specified different controllers for each of them. I think the reason is isolation of scopes by controllers. I need that the first controller execute its own filterChanged() function and so does the second controller. Same with fields: montage, pay, cancel and inactivity. I tried to manipulate the scope (true, 'isolate', false, {}), transclude (true, false, 'element'), scope fields ('@', '=', '&amp;'). 'controllerAs' and 'controllerBindTo' are unsuitable for my task, because I want to this throw separate controller files.</p>
  
  <p>Help me plz. Hands fall.</p>
  
  <p>Source code below.</p>
  
  <p>filter.html</p>
  
  <pre><code>&lt;div class="filter"&gt;
  &lt;p class="text-center"&gt;&lt;b ng-bind="::title"&gt;&lt;/b&gt;&lt;/p&gt;
  &lt;div class="contact-item-requires-filter"&gt;
      &lt;div class="contact-item-require"&gt;
          &lt;input id="contact-item-montage-filter" class="contact-item-require-montage" type="checkbox"
              ng-model="filter.montage"
              ng-change="filterChanged()"&gt;
          &lt;label title="Монтажи" for="contact-item-montage-filter"&gt;&lt;/label&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>directive1.js</p>
  
  <pre><code>angular.module('qualityControl')
  .directive('requiresFilterDirective', function() {
      return {
          templateUrl: '../templates/pages/quality/filter.html',
          controller: 'requiresFilterController'
      }
  });
  </code></pre>
  
  <p>directive2.js</p>
  
  <pre><code>angular.module('qualityControl')
  .directive('usersFilterDirective', function() {
      return {
          templateUrl: '../templates/pages/quality/filter.html',
          controller: 'usersFilterController'
      }
  });
  </code></pre>
  
  <p>UPDATED.</p>