AngularJS页面数据绑定设置默认值
AngularJS页面数据绑定设置默认值
yizhichao 发表于6个月前
AngularJS页面数据绑定设置默认值
  • 发表于 6个月前
  • 阅读 16
  • 收藏 0
  • 点赞 0
  • 评论 0

标题:腾讯云 新注册用户域名抢购1元起>>>   

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>

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

共有 人打赏支持
yizhichao
粉丝 10
博文 315
码字总数 269109
×
yizhichao
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: