AngularJS：“ng-repeat”中的IF语句？

发布时间：2020-12-17 06:48:14 所属栏目：安全来源：网络整理

导读：我正在使用AngularJS v1.2.9. 在ng-repeat中,我如何使用检查对象的值并根据条件执行操作？在英语中,类似于： if `X` is not null,then show `X`. Is it possible? 这是我的ng-repeat骨架： li ng-repeat="r in results" div{{ r.title }}/div div{{ r.locat

我正在使用AngularJS v1.2.9.

在ng-repeat中,我如何使用检查对象的值并根据条件执行操作？

在英语中,类似于：

if `X` is not null,then show `X`. Is it possible?

这是我的ng-repeat骨架：

<li ng-repeat="r in results">
    <div>{{ r.title }}</div>
    <div>{{ r.location }}</div>
    <!--
    if ( r.date!=="null" ) {
        <div>{{ r.date }}</div>
    } else {
        <div>Date not confirmed yet.</div>
    }
    -->
</li>

如果它不为null,我需要显示r.date.如果它是null,那么我说别的.

请帮忙.谢谢大家.

解决方法

<li ng-repeat="r in results">
  <!-- If r.date contains a value,show it -->
  <span ng-if="r.date">{{r.date}}</span>
  <!-- If r.date does not contain a value show placeholder text -->
  <span ng-if="!r.date">Date not confirmed yet.<span>
</li>

另见What does an exclamation mark before a variable mean in JavaScript

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!