title: Angular conditionally enabling/disabling HTML selects
body: <p>Here's an image of what I am trying to do., Plunkr link below.</p>
  
  <p>I have a numeric stepper and rows of select drop-downs. The number of drop-downs are bound (ng-model) to the numeric value of the stepper.</p>
  
  <p>I have two array variables in $scope, that are used for ng-repeat with the individual drop-downs. </p>
  
  <p>How do I writer event listeners such that? If I select a Non NONE value in Driver 1, Channel a1 should be disabled. And Channel a1 needs to be enabled if the Driver 1 is None.</p>
  
  <p>Understand this could be done in jQuery, by writing a change handler and selecting the next sibling and disable it. How do i get the same in Angular ?</p>
  
  <p>fyi. I am using $index variable to create distinct ids for each of the dropdowns
  ex: driver_1, channel_1 etc</p>
  
  <p>JSON Dump invokes a helper method in $scope, which prints out the JSON.</p>
  
  <p>The code is on Plunkr. <strong><a href="http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB" rel="nofollow noreferrer">http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB</a></strong></p>
  
  <hr>
  
  <p><img src="https://i.stack.imgur.com/qTO5a.png" alt="enter image description here"></p>
  
  <hr>
  
  <p><strong><a href="http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB" rel="nofollow noreferrer">http://plnkr.co/edit/j0ClqQ3P6LZtkgctFrRB</a></strong></p>
  
  <hr>