AngularJs 頁面數據綁定 設置默認值

在AngularJS中，對頁面進行數據綁定，有兩種方法：

1、表達式：{{param}}

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

1、 遇到的問題

使用數據綁定後，最初始載入頁面，頁面內容先載入，再從服務器傳值過來。這裏有個時間間隙。在這個間隙裏，所綁定的參數爲空或NAN。

空值有時會影響到頁面佈局，以及內容顯示。例如，顯示NAN,可能就會讓瀏覽網頁的人產生疑惑。

2、 解決方法

解決空值的方法，就是在數據綁定時，設置默認值。

設置方法如下：

{{param||"Default"}}

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

這樣，在初始載入時，就會顯示默認值，當服務器傳值過來後，就會替換掉默認值。