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

时间:2015-06-05 21:06:59

标签: javascript html angularjs angularjs-scope

在我看来,我有以下代码来显示角度范围变量的一些数据。前两行工作正常。它们显示范围变量中的数据,但不显示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>

1 个答案:

答案 0 :(得分:3)

如上所述,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 - 比较错误和正确的appreach