title: Manipulate binding attribute in Angular 2 with jQuery
body: <p>I have an element that has attribute binding like this:</p>
  
  <p><code>&lt;div id='myDiv' [attr.data-url]='url'&gt;&lt;/div&gt;</code></p>
  
  <p>Am I able to detect the changes of <code>url</code> if I use some jQuery code to manipulate that <code>attribute</code>, something like:</p>
  
  <p><code>$('#myDiv').attr('data-url', 'example.com');</code></p>
  
  <p>I have looked at some other questions but there is no answer that I'm looking for.  </p>
  
  <p>PS: If I change <code>data-url</code> attribute with jQuery, <code>url</code> variable will change accordingly, or not? If not, does that mean we cannot be able to change <code>[attr.data-url]</code> after all? I'm so confused right now.</p>