Angularjs 突出显示按钮上未选中的行，单击

如何突出显示表中的行？如果未选中行选择框，则必须在单击按钮时选中该框

我所尝试的：

$scope.setClickedRow = function (index) {
    $scope.selectedRow = index;
}

<tr id="TableBody" ng-repeat="code in CodeRegister.CodeDetails" ng-class="{selected:$index != selectedRow}">                 
    <td ng-form="form">
      <select id="reasons" name="reasons" ng-model="code.CategoryID" ng-options=""  >
        <option  default value="">Reasons</option></select>

按钮点击：

<div style="margin-left:70em;" id="Save" class="ribbon-button ribbon-button-large " ng-click="CodeRegister.InsertCodeRegisterDetailss(myForm) && setClickedRow($index)">
</div>

现在加载时，它会高亮显示所有内容，我只希望它高亮显示按钮单击事件上的行，如果未选择选择框，则使用：

ng类={true:'selected'，false:}[selectedRow==$index]

希望这能奏效。

首先，在元素上，您应该使用类而不是id，因为您正在重复它。此外，按照惯例，类名以虚线大小写。因此考虑更换：

<tr id="TableBody" ng-repeat="code in CodeRegister.CodeDetails" ...>

---

既然ng课程开始了，点击按钮怎么说对不起，我不明白你的问题。你能精确吗？另外，请准确说明您将带有ng click的按钮放在了什么位置，相对于您的ng repeat ed元素，即相对于Tr，按钮click位于问题中。它在表外。当我单击save按钮时，它必须查看未选中的行并突出显示这些行。如果按钮位于ng repeat元素之外，那么传递给setClickedRow的$index的值将不是该行的索引。如果你能以一种简单的方式重现这个问题，那么纠正它就容易多了。

<tr class="table-body" ng-repeat="code in CodeRegister.CodeDetails" ...>

ng-class="{selected: selectedRow && $index !== selectedRow}">