javascript - Angular ng-if 用于检查空字符串不起作用

Question

在我看来，我有下面的代码来显示 Angular 范围变量的一些数据。前两行工作正常。它们显示范围变量中的数据，但不显示 ng-if 中的行。我的 ng-if 条件出了什么问题？

<div ng-controller="PaymentCtrl">

    <h3>Payment successfully posted {{PaymentID}}</h3>

    <h3> Receipt number {{ReceiptNumber}} </h3>

    <div ng-if="{{ReceiptNumber}}">
        <h3>Receipt generated with receipt number {{ReceiptNumber}}</h3>
    </div>

</div>

Answer 1

如上所述，ngIf需要一个表达式。

<ANY ng-if="expression"> ... <ANY>

请参阅AngularJS expression docs了解更多关于这到底意味着什么的信息。在您的示例中，您提供的是 interpolated value 。尝试以下操作...

<div ng-if="ReceiptNumber">
    <h3>Receipt generated with receipt number {{ReceiptNumber}}</h3>
</div>

JSFiddle Link - 演示比较错误和正确的方法