微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

angularjs – 如何使用ng-if来测试是否定义了一个变量

有没有办法使用ng-if来测试一个变量是否被定义,而不只是它的真实性?

在下面的示例(live demo)中,HTML仅显示红色项目的运费,因为item.shipping是定义的且非零。我也想显示蓝色物品的成本(运输已定义但为零),但不显示绿色物品(运输未定义)。

JavaScript:

app.controller('MainCtrl',function($scope) {
  $scope.items = [
      {
        color: 'red',shipping: 2,},{
        color: 'blue',shipping: 0,{
        color: 'green',}
    ];
});

HTML:

<body ng-controller="MainCtrl">
  <ul ng-repeat='item in items'>
    <li ng-if='item.color'>The color is {{item.color}}</li>
    <li ng-if='item.shipping'>The shipping cost is {{item.shipping}}</li>
  </ul>
</body>

我试着做ng-if =’angular.isDefined(item.shipping)’,但它没有工作。也没有ng-if =’typeof(item.shipping)!== undefined’。

尝试这个:
item.shipping!==undefined

原文地址:https://www.jb51.cc/angularjs/145289.html

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐