javascript - 如果列表/数组不为空，如何禁用 Angular 中的按钮？

Question

在我的组件中，我从我的服务中获取数据：

ngOnInit() {
  this._sharedService.
    getReceiptItem().takeUntil(this.ngUnsubscribe).
    subscribe(products => this.receiptItems = products);
}

this.receiptItems那么，如果我的数组有任何项目，我该如何禁用按钮？

我试过这样的事情：

 <div class="top-left">
    <button [disabled]="receiptItems.count>0" type="button" [routerLink]="['/administration']"><i class="fas fa-bars fa-fw"></i></button>
 </div>

但不知不觉这不是一个解决方案..

谢谢

标签： javascripthtmlangularcss-selectorsangular-services

Answer 1

你需要Array.length在 javascript

   <button [disabled]="receiptItems.length>0" type="button" [routerLink]="['/administration']"><i class="fas fa-bars fa-fw"></i></button>