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

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

1、表达式：{{param}}

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

1、 遇到的问题

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

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

2、 解决方法

解决空值的方法，就是在数据绑定时，设置默认值。

设置方法如下：

{{param||"Default"}}

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

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