是否定义值的角度ng重复

angular ng-repeat with value defined or not

本文关键字：ng 重复 定义 是否      更新时间：2024-04-29

控制器部件：

$scope.values = [{name:'sasasa',address:'bnbnnb',phoneNumber:''},{},{},,continues];

Html部件：

    <span ng-repeat='value in values'>
    name:{{value.name}}
    phone number:{{value.phoneNumber}}</span>

我的意图是，如果phoneNumber不存在，它应该像NA一样在DOM中打印。如果我在HTML部分使用angular.isDefined，我该如何实现这一点。我是angularjs的新手。

绑定中的值是类似JavaScript的代码片段。因此，如果phoneNumber的值为空，我们可以使用vanillaJS来设置默认值。以下代码使用||运算符检查电话号码的值是否为真实值。如果value为truthy（解析为true），则将电话号码的值设置为对象传递的值。如果该值为falsy，则表达式的计算结果为您提供的字符串，即"NA"。

<span ng-repeat='value in values'>
   name:{{value.name}}
   phone number:{{value.phoneNumber||'NA'}}
</span>

关于虚假和真实价值观的详细信息：https://developer.mozilla.org/en-US/docs/Glossary/Truthyhttps://developer.mozilla.org/en-US/docs/Glossary/Falsy

有关Angular表达式的文档，请查看https://docs.angularjs.org/guide/expression

phone number:{{value.phoneNumber || 'NA'}}
相关文章：