angular ng-repeat 是否定义了值
angular ng-repeat with value defined or not
控制器部分:
$scope.values = [{name:'sasasa',address:'bnbnnb',phoneNumber:''},{},{},,continues];
Html部分:
<span ng-repeat='value in values'>
name:{{value.name}}
phone number:{{value.phoneNumber}}</span>
我的意图是,如果 phoneNumber
不存在,它应该打印在 DOM
中,例如 NA
如果我在 [=17] 中使用 angular.isDefined
,我该如何实现=] 部分。我是 angularjs.
的新手
绑定中的值是类似于 JavaScript 的代码片段。因此,如果 phoneNumber 的值为空,我们可以使用 vanilla JS 设置默认值。
以下代码使用 || 检查 Phone 数字的值是否为真值操作员。
如果值为真(解析为真),它将 phone 数字的值设置为对象传递的值。
如果该值为假值,则表达式的计算结果为您提供的字符串,即 'NA'.
<span ng-repeat='value in values'>
name:{{value.name}}
phone number:{{value.phoneNumber||'NA'}}
</span>
有关假值和真值的详细信息:
https://developer.mozilla.org/en-US/docs/Glossary/Truthy
https://developer.mozilla.org/en-US/docs/Glossary/Falsy
有关 Angular 表达式的文档,请查看 https://docs.angularjs.org/guide/expression
phone number:{{value.phoneNumber || 'NA'}}
控制器部分:
$scope.values = [{name:'sasasa',address:'bnbnnb',phoneNumber:''},{},{},,continues];
Html部分:
<span ng-repeat='value in values'>
name:{{value.name}}
phone number:{{value.phoneNumber}}</span>
我的意图是,如果 phoneNumber
不存在,它应该打印在 DOM
中,例如 NA
如果我在 [=17] 中使用 angular.isDefined
,我该如何实现=] 部分。我是 angularjs.
绑定中的值是类似于 JavaScript 的代码片段。因此,如果 phoneNumber 的值为空,我们可以使用 vanilla JS 设置默认值。 以下代码使用 || 检查 Phone 数字的值是否为真值操作员。 如果值为真(解析为真),它将 phone 数字的值设置为对象传递的值。 如果该值为假值,则表达式的计算结果为您提供的字符串,即 'NA'.
<span ng-repeat='value in values'>
name:{{value.name}}
phone number:{{value.phoneNumber||'NA'}}
</span>
有关假值和真值的详细信息: https://developer.mozilla.org/en-US/docs/Glossary/Truthy https://developer.mozilla.org/en-US/docs/Glossary/Falsy
有关 Angular 表达式的文档,请查看 https://docs.angularjs.org/guide/expression
phone number:{{value.phoneNumber || 'NA'}}