title: Angularjs apply directive/jquery after ajax
body: <p>this has been doing my head in...</p>
  
  <p><strong>After my app dynamically inserts html content, I can't find a way to allow jquery to interact with it, or allow angularjs to apply directives over it.</strong> I suspect the answers (to both issues) are closely related so I have posted them as one. </p>
  
  <p>I suspect that I need to $apply() or $compile() on the dynamic html content (inserted through ajax). However, I can't seem to figure how to do that, tried with filters but that didn't work because scope is inaccessible to the filter. </p>
  
  <p>I'm actually pretty surprised--angularjs is very thorough framework and I would expect this sort of situation is a very common and as such would either have built in support, or at very least have some sort of built in filer/function that handles this--perhaps it exists, and I've just missed it.</p>
  
  <p>Your input is appreciated</p>
  
  <p><strong>Here is a link with the code that illustrates this problem:</strong> 
  <a href="http://plnkr.co/edit/qPFft0TBZT1QvaalzUjj?p=preview" rel="nofollow">CODE</a></p>