Angularjs 如何禁用按钮单击直到选中/激活项目？

正在尝试禁用表中的按钮。并仅在选中/单击/激活项目时启用

按钮代码

<td><a class="btn btn-info" ng-disabled="isDisabled">Edit</a></td> 

需要帮忙吗？

满桌

<thead>
                <tr>
                    <th class="hidden-xs">ID</th>
                    <th>Name</th>
                    <th>Date</th>
                    <th>Grade</th>
                    <th>Subject</th>
                    <th></th>
                </tr> 
              </thead>
              <tbody>
                      <tr ng-repeat="trainee in trainees | filter: search" ng-class="{'selected':$index == selectedRow}" ng-click="setClickedRow($index)">
                        <td class="hidden-xs">{{$index+1}}</td>
                        <td>{{trainee.name}}</td>
                        <td>{{trainee.date | date:'d/M/yyyy'}}</td>
                        <td>{{trainee.grade}}</td>
                        <td>{{trainee.subject}}</td>
                        <td><a class="btn btn-info">Edit</a></td>
                      </tr>
                    </tbody>
            </table>

身份证件
名称
日期
等级
主题
{{$index+1}}
{{培训生姓名}
{{培训生日期|日期：'d/M/yyyy'}
{{实习生等级}
{{受训者.科目}
编辑

首先让plunk工作

您引用的文件在plunk中不存在，因此必须更改：

至

修改您的

ng disabled

指令：

还必须在链接按钮上添加

ng disabled=“selectedRow！==$index”

：

<td><a class="btn btn-info" ng-disabled="selectedRow !== $index">Edit</a></td>

修复无效的HTML标记：

将以下内容向上移出表：

<div class="form-inline">
    <input class="form-control" type="text" placeholder="Search" ng-model="search">
    <a type="button" href="#add-form" class="btn btn-info" ng-click="addForm()">Add new trainee</a>
    <button class="btn btn-danger" ng-click="removeTrainee(trainee)">Remove</button>
</div>

去除

未找到Styles.css 404:

最后但并非最不重要的是

styles.css不存在并且未找到404，因此可以删除以下内容：

展示整个桌子。谢谢你，马赫。我不知道ng click可以处理两种情况。对不起，plnkr坏了。
<a class="btn btn-info" 
   ng-disabled="selectedRow === $index" 
   ng-click="onEditButtonClicked(); $event.stopPropagation();">
 Edit
</a>

<div class="form-inline">
    <input class="form-control" type="text" placeholder="Search" ng-model="search">
    <a type="button" href="#add-form" class="btn btn-info" ng-click="addForm()">Add new trainee</a>
    <button class="btn btn-danger" ng-click="removeTrainee(trainee)">Remove</button>
</div>