Angular 如何使用ngClass将几个类应用于div？

如何将几个类应用于div

<div class="al-timeline"
         [ngClass]="{'right': isDisplayRight, 'remove-circle': !timelineData.date, 'first-circle': isFirstItem, isLastItem ? 'arrow' ? isDisplayRight: 'arrow-left' : 'arrow-right'}">
</div>
    &.arrow {
    &::after {
        width: 0;
        height: 0;
        border-top: 10px solid transparent;
        border-bottom: 10px solid transparent;
        content: '';
        position: absolute;
        left: 49%;
        bottom: -9px;
    }

    &.arrow-right {
        &::after {
            border-left: 20px solid @al-main-color-2;
        }
    }

    &.arrow-left {
        &::after {
            border-right: 20px solid @al-main-color-2;
        }
    }
}

&.阿罗{
&：：之后{
宽度：0；
身高：0；
边框顶部：10px实心透明；
边框底部：10px实心透明；
内容：''；
位置：绝对位置；
左：49%；
底部：-9px；
}
&.向右箭头{
&：：之后{
左边框：20px实心@al-main-color-2；
}
}
&.左箭头{
&：：之后{
右边框：20px实心@al-main-color-2；
}
}
}

---

如果

isLastItem

，我想应用“arrow”类；如果应用arrow类，我想添加“arrow left”类，如果

isDisplayRight

，否则添加“arrow right”

将这两个条件都用于第二类

---

应用

向右箭头

如果

（isLastItem和&isDisplayRight）

条件为真

我更新了我的问题，在这种情况下，我应该重写我的样式，“向右箭头”和“向左箭头”将具有相同的属性，除了边框我这样做了：

“向左箭头”：（isLastItem和&isDisplayRight），“向右箭头”：（isLastItem&&isDisplayRight）

但我真的不喜欢它，不幸的是它不起作用，它只在这种情况下起作用：

“箭头向左”：（isLastItem&&isDisplayRight）

为箭头添加分隔符：

箭头：isLastItem，‘箭头向左’：（isLastItem&&isDisplayRight）、‘箭头向右’：（isLastItem&&isDisplayRight）