在Angular2中添加基于* ngIf的多个属性？

Question

是否可以根据*ngIf添加多个属性？

我的伪代码：

<span *ngIf="msg.active" *ngIf="msg.error"  >Hallo</span>

我的输出应该是这样的：

如果msg.error == false和msg.active== true那么它应该是这样的：

<span>Hallo</span>

如果msg.error == true那么它应该是这样的：

<span class="error" myTag="false" myTag2="false" >Hallo</span>

如果msg.active == false，则span标记应为空！

有人有想法吗？

Answer 1

我认为你应该尝试使用嵌套的三元运算符。

<span *ngIf="msg.active==true && msg.error==false? true: msg.active"> hallo <span> 

使用三元运算符尝试您的条件。希望这会起作用

对于myTag，您必须使用单独的* ngIf

Answer 2

完全在一行中，如图所示，

DEMO：https://plnkr.co/edit/eKDhkuf3JO8CIKfz7Eqz?p=preview

<span *ngIf="msg.active || msg.error" 
       [class.error]="msg.error"> 

       {{(msg.active==false)?'':'hello'}}

</span>