AngularJS-ng-if检查字符串为空值

  • Z时代
  • 2024-01-10
  • 分类：问答

这是一个简单的示例：

<a ng-if="item.photo == ''" href="#/details/{{item.id}}"><img src="/img.jpg" class="img-responsive"></a>
<a ng-if="item.photo != ''" href="#/details/{{item.id}}"><img ng-src="/{{item.photo}}" class="img-responsive"></a>

我看到item.photo != ''即使值为空，它始终会生成条件。为什么？

回答：

您无需显式使用诸如item.photo == ''或的限定词item.photo !=

''。像JavaScript中一样，空字符串将被评估为false。

您的视图也将更加清晰易读。

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.0/angular.min.js"></script>
<div ng-app init="item = {photo: ''}">
   <div ng-if="item.photo"> show if photo is not empty</div>
   <div ng-if="!item.photo"> show if photo is empty</div>
   <input type=text ng-model="item.photo" placeholder="photo" />
</div

更新以消除Angular中的错误

以上是 AngularJS-ng-if检查字符串为空值 的全部内容， 来源链接： utcz.com/qa/399912.html

回到顶部