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/146728.html