title: Copy scope property from another isolated scope using one directive
body: <p>Basically, I have a directive which is used by two forms. On page load, each loads the default properties set by the directive. The problem is, both forms need to have a checkbox option to be able to apply the same properties to the other form. I have two separate html templates and controllers for each form.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>return function row(ModelService) {
    return {
      restrict: 'E',
      templateUrl: function(elem, attr) {
        return elem.templateUrl;
      },
      scope: {
        formTitle: '@',
        type: '@'
      },
      link: function(scope, elem) {
  
        scope.setDefault = function() {
          .
          . scope settings defined here
          .
          .
          .
        }
        
        scope.close = function (action) {
          .
          . if(checked) {
          .   some code needed to apply the settings to the other form 
          . }
          .
          .
          .
        }
      };
    });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div ng-controller="app.FirstCtrl"&gt;
    &lt;propFilter form title="someTitle" template-url="someUrl"&gt;&lt;/propFilter&gt;
    . 
    . multiple div elements with ng-model
    .
    .
    .
    &lt;input id="applyToOther" type="checkbox"&gt;
  &lt;/div&gt;
  
  
  &lt;div ng-controller="app.secondCtrl"&gt;
    &lt;propFilter form title="someTitle" template-url="someUrl"&gt;&lt;/propFilter&gt;
    .
    . multiple div elements with ng-model
    .
    .
    .
    &lt;input id="applyToOther" type="checkbox"&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>What I want to know is how to copy the properties of a scope to the other scope using the same directive if possible. Any help would be very much appreciated. Thank you!</p>