Need to access scope in ng-include directive
<p>I need to access the form data (<code>ng-model="name"</code>) in the <strong>parent controller</strong> <em>DynamicFormCtrl</em> . How do i access the data input in the form in the <strong>DynamicFormCtrl</strong> . I am not getting idea how to i access them.Though the data can be accessed in their own scopes.</p>

<pre><code> &lt;body ng-app="exampleApp" ng-controller="DynamicFormCtrl as ctrl"&gt;
      &lt;div&gt;

    &lt;button ng-click="ctrl.addForm(0)"&gt;Form One&lt;/button&gt; //add form1
    &lt;button ng-click="ctrl.addForm(1)"&gt;Form Two&lt;/button&gt; //add form 2
    &lt;button ng-click="ctrl.addForm(2)"&gt;Form Three&lt;/button&gt;// add form 3
  &lt;/div&gt;


  &lt;div ng-repeat="form in ctrl.displayedForms track by $index"&gt; //display form on button press



    &lt;ng-include src="form"&gt;&lt;/ng-include&gt; //Include from from the Script
  &lt;/div&gt;

  &lt;script type="text/ng-template" id="form1.tpl.html"&gt;
    &lt;label&gt;
    {{name}}
      Form one is an input: &lt;input type="text" ng-model="name"/&gt;
    &lt;/label&gt;
  &lt;/script&gt;

  &lt;script type="text/ng-template" id="form2.tpl.html"&gt;
    &lt;label&gt;
      Form two gives you choices: &lt;input type="radio"/&gt; &lt;input type="radio"/&gt;
    &lt;/label&gt;
  &lt;/script&gt;

  &lt;script type="text/ng-template" id="form3.tpl.html"&gt;
    &lt;button&gt;Form three is a button&lt;/button&gt;
  &lt;/script&gt;
  &lt;script type="text/javascript"&gt;
    angular.module("exampleApp", [])
  .controller("DynamicFormCtrl", function($scope) {
    var ctrl = this;
    $scope.form_name = $scope.name;
    console.log($scope.form_name);

    var forms = [
      "form1.tpl.html",
      "form2.tpl.html",
      "form3.tpl.html",
    ];

    ctrl.displayedForms = [];

    ctrl.addForm = function(formIndex) {
      ctrl.displayedForms.push(forms[formIndex]);
    }
  });
  &lt;/script&gt;
&lt;/body&gt;
</code></pre>