title: Setting watcher for child form from parent form
body: <p>This is the code I have for the parent form</p>
  
  <blockquote>
    <p></p>
  </blockquote>
  
  <pre><code>  &lt;div ng-include="'app/modules/common/layout/create-rule-header-actions.tpl.html'"&gt;&lt;/div&gt;
    &lt;div style="clear: both"&gt;&lt;/div&gt;
    &lt;!-- Header Attributes Template--&gt;
    &lt;div ng-include="'app/modules/common/layout/create-rule-header.tpl.html'"&gt;&lt;/div&gt;
    &lt;div style="clear: both"&gt;&lt;/div&gt;
  
    &lt;!-- First row start --&gt;
    &lt;div class="row"&gt;
       &lt;!-- Left Side Block:  Expression Builder for Primary attributes --&gt;
       &lt;span class="col-sm-9 nopadding expression-block" ng-if="createCtrl.rfc.showTree &amp;&amp; createCtrl.rfc.attributes.length &gt; 0" ng-class="createCtrl.rfc.fullscreen?'fullscreen':''"&gt;
          &lt;div class="row rf-tree-box marginLeftRight10" ng-controller="PrimaryMappingController as mappingCtrl"&gt;
             &lt;div class="col-lg-12 rf-nodes-content"  griffin-mapping-component-reorder mcr-toggle="mappingCtrl.rfc.showReorder"&gt;
                &lt;label class="width99"&gt;Expression Builder
                   &lt;div class="sub-label ng-binding"&gt;Configure attributes for selected channel(s).&lt;/div&gt;
  
                &lt;/label&gt;
                &lt;div ui-tree="mappingCtrl.rfc.treeOptions" id="tree2-root" data-max-depth="5" data-drag-delay="100" &gt;
                   &lt;ol ui-tree-nodes ng-model="createCtrl.currentRule.criteria" ng-init="mappingCtrl.currentAttributes(this)"&gt;
                      &lt;li ng-repeat="node in createCtrl.currentRule.criteria track by node.id" ui-tree-node ng-include="'app/modules/common/layout/mapping/primary-node-tmpl.html'"&gt;&lt;/li&gt;
                   &lt;/ol&gt;
                &lt;/div&gt;
  
                &lt;label style="margin-top:80px;"&gt;Expression Viewer
                   &lt;div class="sub-label ng-binding"&gt;Generated expression for configured attributes.&lt;/div&gt;&lt;/label&gt;
                &lt;div  ng-if="createCtrl.rfc.showTree " ng-controller="PrimaryMappingController as mappingCtrl"&gt;
                   &lt;div class="rf-nodes-content"&gt;
                      &lt;textarea id="expressionText" class="expressionText" placeholder="Dynamic expression" cols="30" rows="5" readonly ng-model="createCtrl.rfc.expression"&gt;&lt;/textarea&gt;
                   &lt;/div&gt;
                &lt;/div&gt;
             &lt;/div&gt;
          &lt;/div&gt;
       &lt;/span&gt;
  </code></pre>
  
  <p>
  </p>
  
  <p>This is the code I have for my Child form</p>
  
  <blockquote>
    <p>
       
          
          
       
       
          </p>
  </blockquote>
  
  <pre><code>     &lt;span ng-if="(node.type == 'L')" ng-include=" 'app/modules/common/widgets/mapping-tree/mapping-logical-node.html'"&gt;&lt;/span&gt;
       &lt;span ng-if="(node.type == 'X')" ng-include="'app/modules/common/widgets/mapping-tree/mapping-expression-node.html'"&gt;&lt;/span&gt;
    &lt;/div&gt;    
  </code></pre>
  
  <p></p>
  
  <p>
        
     </p>
  
  <p>
        </li>
         {{$root.loadMoreText}}</li>
     </p>
  
  <p></p>
  
  <p>I would like to set a watcher on the child form for all the changes in the child form and detect the same on the parent form. I am trying to set the watcher on child form from the parent form. </p>
  
  <p>Please help</p>
  
  <p>Nikhil</p>