代码之家 › 专栏 › 技术社区 › Roxy'Pro

如果列表/数组不为空,如何禁用角度按钮?

angular-services css-selectors angular html javascript

Roxy'Pro · 技术社区 · 7 年前

在我的组件中,我从我的服务中获取数据:

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>

但不经意间,这不是一个解决办法。

谢谢

4 回复 | 直到 7 年前

Sajeetharan 7 年前

Array.length

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

Krishna Rathore 7 年前

length

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

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

Super User 7 年前

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

Roopesh Kumar Ramesh 7 年前

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

推荐文章

Willem van der Veen · 角度依赖注入,服务生命周期

7 年前

rahs · Angular 5中服务的生命周期是什么

7 年前

user8819437 · Angular 4-从html模板保存到模拟json数据库

7 年前

Nicolas S. · 服务不工作时组件之间的通信

7 年前

corry · Angular无法从父组件绑定数据

7 年前

SoftTimur · 检查是否已设置侦听器

7 年前

danilupion · 角度5中的高阶服务

7 年前

Muskett · Angular2向单页应用程序添加JSON数据

7 年前

Rohit B · 角度:使用服务将单个列表项从数组列表传输到另一个服务?

7 年前

Todd Davis · 无法解析AuthService的所有参数:([对象对象],?)角度5。x个

7 年前