Javascript 检查数组是否为空,然后禁用按钮

Javascript 检查数组是否为空,然后禁用按钮,javascript,arrays,angular,typescript,Javascript,Arrays,Angular,Typescript,如果阵列已启动但失败,我将尝试禁用按钮 <button [disabled]="(users.length ==0 )?true:false">Send mass emails</button> 上面的代码抛出了一个错误 Bindings cannot contain assignments at column 如果数组是emty它看起来不像您在组件中初始化了users:UsersModel[]数组,因此它返回为undefined,并且您试图访问未定义对象/数组的le

如果阵列已启动但失败,我将尝试禁用按钮

<button [disabled]="(users.length ==0 )?true:false">Send mass emails</button>
上面的代码抛出了一个错误

Bindings cannot contain assignments at column

如果数组是emty

它看起来不像您在组件中初始化了
users:UsersModel[]
数组,因此它返回为
undefined
,并且您试图访问未定义对象/数组的
length
属性,那么如何禁用该按钮。如果
用户
数组尚未初始化或长度等于0,请尝试以下操作以禁用该按钮:

<button type="button" [disabled]="!users || users.length === 0">Send Mass Emails</button>
然后,您可以简单地根据用户长度为零/falsy禁用/启用按钮:

<button type="button" [disabled]="!user.length">Send mass emails</button>
发送大量电子邮件
下面演示如何将
用户
数组初始化为空数组,并相应地检查长度以禁用按钮

希望这有帮助

发送大量电子邮件
<button [disabled]="users.length===0?true:false">Send mass emails</button>
您可以将您的条件添加到disabled标记,如下所示。甚至可以检查用户数组,然后检查长度,如

<button [disabled]="!user || users.length===0?true:false">Send mass emails</button>
发送大量电子邮件

不确定angular2,但我猜angular1启用了
ng
。angular2也必须有类似的东西。也只是一个POV,但最好使用函数而不是内联表达式。这样,您将保持视图的整洁,并编写更多模块化的解释-1.没有解释的答案是不完整的。请发布答案,解释您的解决方案是什么以及为什么solves@Rajesh对你我来说,这是相当自我解释的,是的。但每个人都有一个地方。你是在回答读者的问题,你不能确定读者的水平。因此作出解释。
<button [disabled]="users.length===0?true:false">Send mass emails</button>
<button [disabled]="!user || users.length===0?true:false">Send mass emails</button>