为什么以下ngIf不起作用？

Question

我只是根据状态尝试以下ngIf，如果fromDate有值，但它似乎不起作用

<button *ngIf="fromDate && calendarStatus === 'today' || 'tomorrow' " type="button">

Answer 1

尝试以下条件：

<button *ngIf="fromDate && ['today', 'tomorrow'].indexOf(calendarStatus) !== -1 " type="button">

Answer 2

<button *ngIf="(fromDate && calendarStatus === 'today') || 
               (calendarStatus === 'tomorrow') " 
        type="button">

Answer 3

我认为你所希望的逻辑被错误地表达了。假设您需要今天或明天的日历状态，您可以使用：

<button ngIf="fromDate && (calendarStatus === 'today' || calendarStatus === 'tomorrow')"
     type="button">

&&运算符比JavaScript中的||运算符具有更高的优先级，因此需要括号，假设我对您的逻辑的猜测是正确的。