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>

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!