Html 如果多个输入中的任何一个为空，则禁用按钮

我想知道，如果ionic2应用程序中的任何输入为空，如果类型脚本：

  name: string = null;

在.html中，这种方式对于一个输入值使按钮处于启用或禁用状态非常有用：

<button ion-button (click)="add();" [disabled]="name === null" >Save</button>

填充一个输入后，按钮变为启用状态：

    <ion-item>
      <ion-label>Name</ion-label>
      <ion-input type="text" [(ngModel)]="name"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Surname</ion-label>
      <ion-input type="text" [(ngModel)]="surname"></ion-input>
    </ion-item>
    <ion-item>
      <ion-label>Username</ion-label>
      <ion-input type="text" [(ngModel)]="username"></ion-input>
    </ion-item>

名称
姓
用户名

所以这是不正确的：

 <button ion-button (click)="add();" [disabled]="name === null" [disabled]="surname === null" [disabled]="username === null" >Save</button>

保存

这很简单

<button [disabled]="!name || !surname || !username">Save</button>

然后像这样引用它

<button [disabled]="!canSave">Save</button>

---

这两种方法都是有用的

<button [disabled]="!name || !surname || !username">Save</button>

get canSave() {
  return this.name && this.surname && this.username;
}

<button [disabled]="!canSave">Save</button>

name?: string;
surname?: string;
username?: string;