title: CoffeeScript - Referencing DOM nodes in Angular expressions is disallowed
body: <p>My main question is simple : </p>
  
  <p>I get errors when doing DOM manipulation within Controllers or Directives however, the functionality works perfectly. </p>
  
  <pre><code>Error: [$parse:isecdom] Referencing DOM nodes in Angular expressions is disallowed! Expression: open()
  </code></pre>
  
  <p>I would like to ignore these errors, and get the confirmation that it is safe to do so, from a <em>functionality</em> perspective ( not a design perspective ) </p>
  
  <p>To keep things simple, I would appreciate a simple answer to this question without questioning my need to do this. </p>
  
  <hr>
  
  <p>Now, if anybody does want to discuss in more detail, I have this gist : 
  <a href="https://gist.github.com/kosz/04f916a5725d85045be5">https://gist.github.com/kosz/04f916a5725d85045be5</a> ( dependencies: angular, jquery, jquery ui dialog ) 
  with the code i'm currently experiencing this behaviour in. </p>
  
  <p>I have done my best so far, to get rid of this error, and based on what i read, and the docs, dom manipulation in angular seems to be encouraged in the directives. </p>
  
  <p>So I've made the code work with a directive, however, it still throws the error !?</p>
  
  <p>As you can see I am using Jquery UI and showing it for each list item, if the user wants to edit. I am not directly manipulating the dom, however, i need a way to control the close/open events of the jQuery ui Dialog, which doesn't make Angular fill my console with errors. </p>
  
  <p>Any insight on this is greatly appreciated. </p>
  
  <p>Please note that I am aware of the angular ui bootstrap modal, and it's not an option for me to use in this particular scenario. </p>