title: Accessing the NG-MODEL from Directives TemplateUrl from Parent HTML file
body: <p>I will describe my problem in a simple way I can.</p>
  
  <p>I had a Directive called <strong>Directive-A</strong> and it has a <code>templateUrl</code> named <strong>name.html</strong>, inside <strong>name.html</strong> there is a <strong>ng-model="name"</strong> and I want to access it from my <strong>Parent HTML File</strong> where the <strong>Directive-A</strong> is called.</p>
  
  <p>If I illustrate it in a Nested Diagram will goes like this:</p>
  
  <p><strong>Parent HTML File</strong> -> <strong>Directive-A</strong> -> <strong>name.html</strong> -> <strong>ng-model="name"</strong></p>
  
  <p><strong>Edit</strong>
  Note: I'm trying to access it via <code>pre</code> tag. When I try to use a <code>&lt;pre&gt;{{name.$viewValue}}&lt;pre&gt;</code>, it works. But I know it is not the exact solution to my problem.</p>
  
  <p>I hope there someone who can provide me an answer or idea on how to solve my problem.. I been looking for an answer for this in a long time now, and still I can't fix it.. </p>
  
  <p><strong>Edit 2</strong> Added Link to Plunker: <a href="https://plnkr.co/edit/6glStzEq5ckZZzph2qLw?p=preview" rel="nofollow noreferrer">https://plnkr.co/edit/6glStzEq5ckZZzph2qLw?p=preview</a></p>