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

托尼

这是一个简单的示例:

<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中的错误

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

如何在angularjs中使用ng-if检查字符串

来自分类Dev

angularjs-ng-model输入为字符串

来自分类Dev

如何在angularjs中将ng-model的初始值设置为空字符串?

来自分类Dev

AngularJS-检查ng -repeat中是否为空项目

来自分类Dev

AngularJS:将ng-model转换为字符串

来自分类Dev

json字符串中的AngularJS ng-repeat

来自分类Dev

ng-if中的AngularJS搜索字符串

来自分类Dev

AngularJS:如何从ng-click中将多个INT值作为字符串传递?

来自分类Dev

angularjs ng-如果ng-repeat不为空

来自分类Dev

如何实现使用ng-if在angularJS中检查空日期?

来自分类Dev

如何使用ng-if检查字符串是否包含其他子字符串?

来自分类Dev

AngularJS 为 ng-repeat 合并数组

来自分类Dev

AngularJS-检查ng-repeat中是否为空项目

来自分类Dev

AngularJS:在ng-repeat中修改值

来自分类Dev

AngularJS从ng-repeat检索值

来自分类Dev

AngularJS:ng-如果检查模型值,但仅当输入为$ valid时,输入集的模型值

来自分类Dev

ng-change中的angularjs旧值和新值,也为空选择

来自分类Dev

当AngularJS对象属性为空时过滤ng-repeat

来自分类Dev

angularjs ng-false-value设置为空

来自分类Dev

angularjs ng重复svg跳过空值的索引

来自分类Dev

如何在angularjs的ng重复中替换字符串中的多个字符?

来自分类Dev

AngularJS为ng-hide设置默认值

来自分类Dev

如何使用angularjs ng-repeat将html字符串从数组转换为html?

来自分类Dev

AngularJS:如何使所有ng-model成为字符串。JavaScript和长整数

来自分类Dev

angularjs-在范围或ng-model上使用“字符串”名称

来自分类Dev

angularjs ng-repeat以数字顺序排序字符串数组

来自分类Dev

如何从ng-include AngularJs中指定的URL检索查询字符串参数

来自分类Dev

AngularJS将字符串作为函数传递给ng-click

来自分类Dev

当expression =包含对象和字符串的数组时,angularjs ng-class不起作用

Related 相关文章

  1. 1

    如何在angularjs中使用ng-if检查字符串

  2. 2

    angularjs-ng-model输入为字符串

  3. 3

    如何在angularjs中将ng-model的初始值设置为空字符串?

  4. 4

    AngularJS-检查ng -repeat中是否为空项目

  5. 5

    AngularJS:将ng-model转换为字符串

  6. 6

    json字符串中的AngularJS ng-repeat

  7. 7

    ng-if中的AngularJS搜索字符串

  8. 8

    AngularJS:如何从ng-click中将多个INT值作为字符串传递?

  9. 9

    angularjs ng-如果ng-repeat不为空

  10. 10

    如何实现使用ng-if在angularJS中检查空日期?

  11. 11

    如何使用ng-if检查字符串是否包含其他子字符串?

  12. 12

    AngularJS 为 ng-repeat 合并数组

  13. 13

    AngularJS-检查ng-repeat中是否为空项目

  14. 14

    AngularJS:在ng-repeat中修改值

  15. 15

    AngularJS从ng-repeat检索值

  16. 16

    AngularJS:ng-如果检查模型值,但仅当输入为$ valid时,输入集的模型值

  17. 17

    ng-change中的angularjs旧值和新值,也为空选择

  18. 18

    当AngularJS对象属性为空时过滤ng-repeat

  19. 19

    angularjs ng-false-value设置为空

  20. 20

    angularjs ng重复svg跳过空值的索引

  21. 21

    如何在angularjs的ng重复中替换字符串中的多个字符?

  22. 22

    AngularJS为ng-hide设置默认值

  23. 23

    如何使用angularjs ng-repeat将html字符串从数组转换为html?

  24. 24

    AngularJS:如何使所有ng-model成为字符串。JavaScript和长整数

  25. 25

    angularjs-在范围或ng-model上使用“字符串”名称

  26. 26

    angularjs ng-repeat以数字顺序排序字符串数组

  27. 27

    如何从ng-include AngularJs中指定的URL检索查询字符串参数

  28. 28

    AngularJS将字符串作为函数传递给ng-click

  29. 29

    当expression =包含对象和字符串的数组时,angularjs ng-class不起作用

热门标签

归档