title: How to set a button for a particular selected row enabled?
body: <p>There is a HTML table in which for every row I am adding SET button:-                           </p>
  
  <pre><code>&lt;table cellpadding="0" cellspacing="0"&gt;
      &lt;thead&gt;
          &lt;tr&gt;
              &lt;th&gt;Row1&lt;/th&gt;
              &lt;th&gt;Row2&lt;/th&gt;
              &lt;th&gt;Row3&lt;/th&gt;
              &lt;th&gt;Row4&lt;/th&gt;
              &lt;th&gt;Row5&lt;/th&gt;
              &lt;th&gt;Row6&lt;/th&gt;
              &lt;th&gt;Row7&lt;/th&gt;
              &lt;th&gt;Row8&lt;/th&gt;
              &lt;th&gt;Row9&lt;/th&gt;
              &lt;th&gt;Row10&lt;/th&gt;
              &lt;th&gt;&lt;/th&gt;
          &lt;/tr&gt;
      &lt;/thead&gt;
      &lt;tbody&gt;
          &lt;tr ng-repeat="row in array track by $index" ng-class="{'selected': isSelected(row.value1)}" ng-click="selectRow(row.value1)"&gt;
              &lt;td&gt;{{row.value1}}&lt;/td&gt;
              &lt;td&gt;{{row.value2}}&lt;/td&gt;
              &lt;td&gt;{{row.value3}}&lt;/td&gt;
              &lt;td&gt;{{row.value4}}&lt;/td&gt;
              &lt;td&gt;{{row.value5}}&lt;/td&gt;
              &lt;td&gt;{{row.value6}}&lt;/td&gt;
              &lt;td&gt;{{row.value7}}&lt;/td&gt;
              &lt;td&gt;{{row.value8}}&lt;/td&gt;
              &lt;td&gt;{{row.value9}}&lt;/td&gt;
              &lt;td&gt;{{row.value10}}&lt;/td&gt;
              &lt;td&gt;&lt;button type="button" ng-disabled = "setBtnDisable" 
             class="btn btn-xs btn-primary" data-ng-click="show()"&gt;SET&lt;/button&gt;&lt;/td&gt;
          &lt;/tr&gt;
      &lt;/tbody&gt;
  &lt;/table&gt;
  </code></pre>
  
  <p>My angular directive code:-</p>
  
  <pre><code>scope.setBtnDisable = true;//Default value
  scope.selectedRow = null;//Default value
  
              scope.selectRow = function(rowID){
                  if (scope.isSelected(rowID)){
                      scope.setBtnDisable = true;
                      scope.selectedRow = null;
                  } else {
                      scope.setBtnDisable = false;
                      scope.selectedRow = rowID;
                  }
              };
  
              scope.isSelected = function(rowID){
                  return (scope.selectedRow == rowID);
              };
  </code></pre>
  
  <p>What I am want to do is, enable the SET button only for that particular selected row and remaining rows's SET button to remain disable. But right now when I click any row all the buttons got enabled. Can anyone tell me solution to enable the SET button for only select row?</p>