typescript 如果变量为空,则Angular 禁用按钮

hsgswve4  于 2023-04-22  发布在  TypeScript
关注(0)|答案(1)|浏览(154)
<button
    [disabled]="doSummary=== '' && selectedLOB === '' && adsList === ''"
    class="lmn-btn lmn-btn-primary"
    aria-label="Update"
    (click)="updateSelectedScopes()"
  >
  Update
</button>

我有一个用例,我需要禁用按钮,如果所有3个变量都是EMPTY '',如果任何变量不为空,按钮不应该被禁用。目前我尝试了这种方式也变量为空,但它没有禁用按钮,不知道是什么问题

jdgnovmf

jdgnovmf1#

这应该可以工作,假设你初始化你的变量为空字符串。
你可以这样创建变量

doSummary: string = '';

而不是

doSummary: string;

或者你可以检查一下像这样的东西

<button
    [disabled]="!doSummary && !selectedLOB && !adsList"
    class="lmn-btn lmn-btn-primary"
    aria-label="Update"
    (click)="updateSelectedScopes()"
  >
  Update
</button>

相关问题