AngularJS:如何更改使用ng-重复呈现的按钮文本
AngularJS:如何更改使用ng-重复呈现的按钮文本
提问于 2016-01-21 02:16:04
我有以下HTML + AngularJS代码：
<table class="table table-hover">
<thead>
<tr>
<th width="80%">Task</th>
<th width="10%">Delete</th>
</tr>
</thead>
<tbody>
<tr ng-repeat="task in task_list track by $index">
<td>{{task.title}}</td>
<td>
<button ng-click="delete_task($index)" class="btn btn-success btn-xs">Completed</button>
</td>
</tr>
</tbody>
</table>这将生成一个任务列表，如下所示：
视图图像
当我点击“完整”按钮时，我向服务器发送了一个http请求，该部分工作正常。我想要实现的是，当我点击按钮时，按钮文本应该改为“请等待”。
如何在不使用AngularJS的情况下使用jQuery实现这一目标。
回答 1
Stack Overflow用户
回答已采纳
发布于 2016-01-21 03:12:56
你可以做这样的事。以下代码将在提交给submitting时更改按钮的状态。一旦完成，它将更改为completed，并禁用按钮。
<tr ng-repeat="task in task_list track by $index">
<td>{{task.title}}</td>
<td>
<button ng-disabled="task.disabled" ng-click="delete_task($index)" class="btn btn-success btn-xs">{{task.status ? task.status : 'complete'}}</button>
</td>
</tr>Javascript
$scope.delete_task = function(index) {
var task = $scope.task_list[index];
task.status = 'submitting';
$http.get('post.json').then(function(res) {
task.status = 'completed';
task.disabled = true;
});
};这是工作普鲁克尔
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/34914251
复制相关文章
相似问题
腾讯云开发者
