title: How can I bind ngModel through multiple directives with isolate scopes in AngularJs?
body: <p>I am trying to bind to a property via ngModel in a layer of directives 3 levels deep. This would be fine, except the middle level contains a <code>ng-if</code> which I believe creates a new scope. The binding is lost at this point.</p>
  
  <p>I have created a jsfiddle to explain the situation:
  <a href="http://jsfiddle.net/5fmck/2/" rel="nofollow">http://jsfiddle.net/5fmck/2/</a></p>
  
  <p>Note that it works if the <code>ng-if</code> directive is removed, but I am using <code>ng-if</code> instead of <code>ng-show</code> for performance reasons</p>
  
  <p>Does anyone know how I can get the original ngModel to update from the 'inputDirective' template in the fiddle?</p>