title: Passing a model value through a popover in AngularJS
body: <p>I'd like to use a Bootstrap popover (from Angular-Bootstrap) to modify a model value on the <code>$scope</code> of a controller.  It seems that the popover template is breaking some connection.</p>
  
  <p>I made a small example to show my issue:</p>
  
  <p>Directive 1 (<code>master-directive</code>) takes in the model as an isolate scope property.  It's template is a button that displays a popover.  The template for the popover shows directive 2 (<code>sub-directive</code>) which is fed the model value through an isolate scope property, and would contain some sort of UI control to modify that property (in the demo, this is just a mouse click).</p>
  
  <p>Normally the changes would propagate back up to the controller (<code>sub-directive</code> model is two-way bound to the <code>master-directive</code> model which is then two-way bound to the controller model.  However, when the template that contains <code>sub-directive</code> is used in the popover, the two-way binding between <code>sub-directive</code> and <code>master-directive</code> is broken.  Any changes to the model in <code>sub-directive</code> will stay local to that directive, and are not propagated upwards.</p>
  
  <p>Relevant Plunkr:
  <a href="http://plnkr.co/edit/3ZnmNUtajXsAHJjCdkkJ?p=preview" rel="nofollow">http://plnkr.co/edit/3ZnmNUtajXsAHJjCdkkJ?p=preview</a></p>
  
  <p>Here is the same Plunkr without the popover, demonstrating that it works:
  <a href="http://plnkr.co/edit/Mr4djvZCVpEUkgDZpyvV?p=preview" rel="nofollow">http://plnkr.co/edit/Mr4djvZCVpEUkgDZpyvV?p=preview</a></p>
  
  <p>Is there a step I am missing to bridge the gaps that are introduced with the popover module?</p>