title: In Angularjs application add ngdisabled=true dnamically to an element in the controller
body: <p>In  my AngularJs application I have my html as shown below:</p>
  
  <pre><code>&lt;div id="myDIV"&gt;
    &lt;div class = "myClass"&gt;
       &lt;a class="first my-ctrl" ng-click="update()"&gt; &lt;/a&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Now, I need to add <code>ng-disabled="true"</code> to the above anchor tag on some model watch in my controller, some thing like.</p>
  
  <pre><code>$scope.$watch('myVal', function (){
    // Add ng-diabled to above anchor i.e., (&lt;a class="first my-ctrl" ng-click="update()"&gt; &lt;/a&gt;)
  });
  </code></pre>
  
  <p>the tricky part of it is, I don't have direct access to the above html. I am using another directive and that directive has the above html inside it. So in my controller, I need to access the anchor element using query selector and then add <code>ng-disabled="true"</code> to that anchor element through my controller.  How can I do it?</p>