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

发布时间：2020-12-17 08:26:50 所属栏目：安全来源：网络整理

导读：这是一个简单的例子： a ng-if="item.photo == ''" href="#/details/{{item.id}}"img src="/img.jpg" class="img-responsive"/aa ng-if="item.photo != ''" href="#/details/{{item.id}}"img ng-src="/{{item.photo}}" class="img-responsive"/a 我看到它总

这是一个简单的例子：

<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.2.23/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

（编辑：李大同）

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