我有一个div,我想根据条件设置样式. @H_404_7@

@H_404_7@如果styleOne为true,我想要一个红色的背景颜色.如果StyleTwo为true,我希望背景颜色为蓝色.我有一半使用下面的代码.

@H_404_7@

<div id="myDiv" [ngStyle]="styleOne && {'background-color': 'red'}">

@H_404_7@是否可以添加一个条件来说：

@H_404_7@>如果styleOne为true,请执行此操作
>如果styleTwo为true,那么这样做？

@H_404_7@编辑

@H_404_7@我想我已经解决了.有用.不确定这是否是最佳方式：

@H_404_7@

<div id="div" [ngStyle]="styleOne && {'background-color': 'red'} || styleTwo && {'background-color': 'blue'}">

<div [style.background-color]="style1 ? 'red' : (style2 ? 'blue' : null)">

<div [ngStyle]="{'background-color': style1 ? 'red' : (style2 ? 'blue' : null) }">