ng如果要显示或不显示<p>

Question

关于Angular的一个简单问题（我还不熟悉这个框架，并没有找到成功答案）。

我想根据ngIf的结果显示或不显示

例句

。

<div *ngFor="let tip of tips;let i=index;" class="alert {{getBackground(tip)}}" role="alert">
<h4 class="alert-heading">{{tip.title}} <span class="alert-date">{{getDate(tip.date)}}</span></h4>
<p>{{tip.details}}</p>
<p ng-if="{{getBackground(tip)}}==alert-danger">Example</p>

{{getBackground（tip）}}表达式给了我一个String，我试图测试它。

这是正确的方法吗？

非常感谢！

马修

Answer 1

您需要在此使用*ngIf而不是ng-if，并且在没有{{....}}的情况下进行比较

<p *ngIf="getBackground(tip) == 'alert-danger'">Example</p>

Answer 2

您正在检查字符串的相等性，因此您必须在字符串周围加上引号。所以代码将成为

<p ng-if="{{getBackground(tip)}}=='alert-danger'">Example</p>