Angularjs 角度1.4：单击后禁用按钮

我有一个情况，我想禁用按钮时，点击几秒钟。以下是按钮的代码：

<button uib-popover="Create TO" popover-trigger="mouseenter" data-ng-click="createTransportOrder(item.confirmed_price_id)" data-ng-disabled="item.transport_order_id || !item.confirmed_price_id" class="btn btn-info btn-xs">
                            <i class="fa fa-truck"></i>
                        </button>

---

我试过几次，但都没有成功。如何执行此操作？

您可以在

createTransportOrder

的末尾添加

setTimeout

 this.button.nativeElement.disabled = true;
    setTimeout(function(){
      this.button.nativeElement.disabled = false;
    },5000);

将

#mybutton

添加到您的按钮

您的按钮

添加变量

@ViewChild（'mybutton'）按钮到您的组件

Stackbliz演示代码：

使用angular 1.4，可以更改为

将按钮的id设置为

将这些代码添加到
单击功能的下方

document.getElementById('mybutton').disabled = true;
    setTimeout(function(){
      document.getElementById('mybutton').disabled = false;
    },5000);

你想让它禁用多久？只要三秒钟谢谢你的回答。我的angular版本是1.4，你给出的答案可能不是我的版本。我已经更新了问题的标题。这很好，但我的问题是，我必须列出数据，其中每一行都包含一个我想在单击后禁用的按钮。所以
id
不起作用。也不会选择
class
因为它将选择按钮的第一个出现。在
createTransportOrder
方法中，我是否可以获取当前按钮？
document.getElementById('mybutton').disabled = true;
    setTimeout(function(){
      document.getElementById('mybutton').disabled = false;
    },5000);