title: How to propagate directive scope to parent scope using modal angular ui?
body: <p>I read a lot of articles and AngularJS documentation but I could not find any way to propagate my directive scopes modification to my modal controller.</p>
  
  <p>Here is easier version of the context :</p>
  
  <ul>
  <li>An Angular-UI modal should contains a textarea through an Angular directive</li>
  <li>The user can enter some text</li>
  <li>The directive should catch the text and applied complex transformations (which is not the problem, that's why I am sending you an easier version ;))</li>
  <li>The modal should display those transformations and wait for the user to close</li>
  <li><strong>The directive should modify the modal controller scope to send texts transformations</strong>.</li>
  </ul>
  
  <p>I am able to retrieve the model from the modal controller, change it within my directive but when it comes to update parent scope, I always get the default model value.</p>
  
  <p>I tried to used both inherited or isolated scope but I can't see what I am missing.
  Should anyone help me on this ?</p>
  
  <p>Here is a very detailed planker : <a href="http://plnkr.co/edit/t3ecXakeJMlttQkj9GLM?p=preview" rel="nofollow">http://plnkr.co/edit/t3ecXakeJMlttQkj9GLM?p=preview</a></p>
  
  <p>To reproduce the problem :</p>
  
  <ol>
  <li>Click on button "Open Modal"</li>
  <li>Modal opens and displays default model value "AAA"</li>
  <li>Enter "BBB", modal displays "BBB" (directive scope)</li>
  <li>Click "Close" button</li>
  <li>Main Ctrl is still displaying "AAA" value</li>
  </ol>
  
  <p>Thanks for your help</p>
  
  <p>t00f</p>