单击一个按钮时禁用多个按钮点击

我正在使用ng-repeat在angularjs中获取表中的数据。表中包含我需要接受或拒绝的id。我想禁用其中一个按钮ina行时，按下其中一个按钮。我可以用tit使用ng-disabled来完成它，但所有行的按钮都被禁用。可以帮助别人。谢谢单击一个按钮时禁用多个按钮点击

这是我的代码

<tr ng-repeat="result in results " > 

<td>{{$index +1}}</td> 
<td>{{result.companyName}}</td> 
<td>{{result.id}}</td> 
<td>{{result.createdAt}}</td> 
<td>{{result.modifiedAt}}</td    
<td>{{result.Status}}</td> 
<td> 
     <button class="btn"  ng-click="processStart(result.id)"> Approve </button> 
    </td> 
    <td> 
     <button class="btn" ng-click="processReject(result.id)"   ng-disabled="showRejectButton" > 
    <span class="glyphicon glyphicon-remove"></span>  Reject   </button>

来源

2015-10-06 user3415447

你需要在你的控制器中放置'showRejectButton = false'的值我想。 –

我给它false.but问题是..它禁用所有行的拒绝按钮..我希望这是为单行完成 – user3415447

的问题是，你有拒绝的每个绑定到相同的变量为NG-禁用状态按钮，即ng-disabled="showRejectButton"。

你需要将每个按钮绑定到他们自己的变量。您可以通过使$scope.showRejectButton数组（然后在您的表中使用ng-disabled="showRejectButton[$index]"）或通过将showRejectButton附加到每个结果对象（然后在表中使用ng-disabled="result.showRejectButton"）来完成此操作。

来源

2015-10-06 09:27:37

如何在控制器中设置VAL值。 – user3415447

单击一个按钮时禁用多个按钮点击

回答

相关问题