单击一个按钮时禁用多个按钮点击
问题描述:
我正在使用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>
答
的问题是,你有拒绝的每个绑定到相同的变量为NG-禁用状态按钮,即ng-disabled="showRejectButton"
。
你需要将每个按钮绑定到他们自己的变量。您可以通过使$scope.showRejectButton
数组(然后在您的表中使用ng-disabled="showRejectButton[$index]"
)或通过将showRejectButton附加到每个结果对象(然后在表中使用ng-disabled="result.showRejectButton"
)来完成此操作。
+0
如何在控制器中设置VAL值。 – user3415447
你需要在你的控制器中放置'showRejectButton = false'的值我想。 –
我给它false.but问题是..它禁用所有行的拒绝按钮..我希望这是为单行完成 – user3415447