title: Angular directive remove element binding
body: <p>I've got a directive which has a special handler <code>foo</code> for images that cause an <code>error</code>.  <code>foo</code> updates the source of the bad image with the default image.  It's got a binding as follows:</p>
  
  <pre><code>element0.bind('error', foo);
  </code></pre>
  
  <p>The problem is, if the default image source causes an error, <code>foo</code> is called infinite-ly.  </p>
  
  <p>Is there a way to kill the binding after it's called once?  Among other things, I've tried</p>
  
  <ul>
  <li>deleting <code>foo</code></li>
  <li>re-binding to null</li>
  <li>deleting the return value from <code>.bind()</code></li>
  </ul>
  
  <p>Any ideas?  I'll probably redesign this but the question remains nonetheless.</p>