title: Angular UI Bootstrap modal inside ngRepeat
body: <p>I am making an app, where I have a lot of input fields. Those input fields are generated from JSON object array field with AngularJS ngRepeat directive and have a button next to them which open an Angular UI Bootstrap modal to edit this value in a bigger textarea. I cannot figure out how to reference this model property to Angular UI Bootstrap so that I can save the changes made in modal. Since this functionality is needed in multiple views, I turned it into a service.</p>
  
  <pre><code>I have made a plunker to illustrate my problem.
  </code></pre>
  
  <p><a href="http://plnkr.co/edit/ZrydC5UExqEPvVg7PXSq?p=preview" rel="nofollow">http://plnkr.co/edit/ZrydC5UExqEPvVg7PXSq?p=preview</a></p>
  
  <p>Currently in plunker example modal contains textarea, but I will actually need to use Text-Angular directive, because those fields contain some HTML markup and I would be easier for users to edit values with this nice addon.</p>
  
  <p><a href="http://textangular.com/" rel="nofollow">TextAngular</a></p>
  
  <p>EDIT: Please, if you are taking time to answer, you might aswell take a little more time to edit my plunker example to show exactly how your solution would look like, because seems that everyone who tries to help me, think they know the solution, but in reality it doesn't work :( Thanks!</p>