AngularJS页面数据绑定设置默认值

大佬教程收集整理的这篇文章主要介绍了AngularJS页面数据绑定设置默认值，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。

在AngularJS中，对页面进行数据绑定，有两种方法：

1、表达式：{{param}}

2、ng-bind: ng-bind="param"

使用数据绑定后，最初始载入页面，页面内容先载入，再从服务器传值过来。这里有个时间间隙。在这个间隙里，所绑定的参数为空或NAN。

空值有时会影响到页面布局，以及内容显示。例如，显示NAN,可能就会让浏览网页的人产生疑惑。

解决控制的方法，就是在数据绑定时，设置默认值。设置方法如下：

{{param||"default"}}

ng-bind="param||'default'"

用户头像没有的时候，给予默认值

<ion-avatar item-start>
  <img src='{{resourceInfo.userAvatar  || "http://appdownload.allcam.com.cn/cover/person.png" }}'>
</ion-avatar>

这样，在初始载入时，就会显示默认值，当服务器传值过来后，就会替换掉默认值。

大佬总结

以上是大佬教程为你收集整理的AngularJS页面数据绑定设置默认值全部内容，希望文章能够帮你解决AngularJS页面数据绑定设置默认值所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。