角ng-if用於檢查空字符串不起作用

Question

在我看來，我有以下代碼來顯示角度范圍變量的一些數據。 前兩行工作正常。 它們顯示范圍變量中的數據，但不顯示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表達式文檔 。 在您的示例中，您提供的是內插值 。 嘗試以下...

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

JSFiddle Link-演示比較錯誤和正確的應用范圍