如何在具有两个不同条件的单个html元素上应用两个ngIf

Question

如何在具有两个不同条件的单个html元素上应用两个ngIf

div class="sidebar" *ngIf="!this.router.url === '/login'">
    <!-- *ngIf="!route.isActive('/signup' || '/login')  " -->
<div class="sidebar-overlay"></div>
<div class="sidebar-coverlay">
    <div class="sidebar-logo">...

Answer 1

您可以使用&&运算符，如下所示：

<div *ngIf="!route.isActive('/signup') && !route.isActive('/login')">
    // your code
</div>

&&运算符结合了两个条件（逻辑门的AND运算符）

(condition1) && (condition2)

意味着，condition1和condition2都必须为true，才能在div中显示内容

Answer 2

代替这样的条件：

!route.isActive('/signup' || '/login')

您应该将其写为两个单独的条件：

*ngIf="!route.isActive('/signup') && !route.isActive('/login')"

因此，您的div应该如下所示：

<div class="sidebar" *ngIf="!route.isActive('/signup') && !route.isActive('/login')">