您的位置:首页 > Web前端 > AngularJS

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

2017-06-19 09:51 239 查看
AngularJS中,对页面进行数据绑定,有两种方法:

1、表达式:{{param}}

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

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

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

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

{{param||"default"}}

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

这样,在初始载入时,就会显示默认值,当服务器传值过来后,就会替换掉默认值。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: