这是一个简单的例子:
<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