在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>