Question

如果数组有问题，但是尝试禁用按钮

<button [disabled]="(users.length ==0 )?true:false">Send mass emails</button>

在ts文件中

users: UsersModel[];

以上引发错误

Bindings cannot contain assignments at column

如果数组是emty

，如何禁用该按钮

Answer 1

您似乎没有初始化组件中的gcloud dataproc clusters list --region数组，因此它会以users: UsersModel[]的形式返回，并且您正在尝试访问undefined属性未定义的对象/数组。如果length数组尚未初始化或长度等于0，请尝试以下命令禁用该按钮：

users

以下plunkr证明了这一点。

您还可以考虑将<button type="button" [disabled]="!users || users.length === 0">Send Mass Emails</button>数组初始化为组件中的空数组：

user

然后你可以根据用户长度为零/假来禁用/启用按钮：

users: UsersModel[] = [];

这是plunkr演示将<button type="button" [disabled]="!user.length">Send mass emails</button>数组初始化为空数组并检查长度以相应地禁用按钮。

希望这有帮助！

Answer 2

<button [disabled]="users.length===0?true:false">Send mass emails</button>

您可以将条件添加到禁用的标记，如下所示。即使您可以检查用户数组，然后检查长度

<button [disabled]="!user || users.length===0?true:false">Send mass emails</button>

检查数组是否为空，因此禁用按钮

2 个答案: