2016-02-27 113 views
0

我正在構建一個AngularJS應用程序,並在後端使用PHP RESTful API。我想知道在我的例子中,利用AngularJS的雙向數據綁定的最佳方式是什麼。雙向綁定PHP和AngularJS

例如,我有一個名爲複選框:「激活通訊」,這是與一列在我的MySQL數據庫: 這是我的HTML代碼:

<input type="checkbox" ng-model="newsletter"> Activate NewsLetter 

(通訊距離變我的控制器的範圍)

什麼是最好的方式發送請求到我的PHP服務器,使用雙向數據綁定,使其在用戶檢查/取消選中此框時立即更改。

謝謝!

+0

Angular的雙向數據綁定發生在客戶端,而不是服務器端。它給你的好處是,在沒有Angular的情況下,當你嘗試編譯表單數據時,你需要手動將它從表單元素中取出。使用Angular,您已經可以獲得數據,只需要處理數據的處理。 –

回答

1

發出一個AJAX請求,用複選框狀態(您的通訊範圍變量)執行服務器。但是,我建議在實際執行前稍微延遲一些時間,以避免用戶在快速點擊複選框時發出大量請求。當然,在延遲期間,您必須檢查是否有前一個延遲活動並將其停用,以便只保留最新的複選框值。

所以,最簡單的方法是將AJAX請求代碼作爲ng-click回調。沒有什麼特別的Angular可以在這裏爲你做,因爲雙向綁定發生在客戶端應用程序(你的瀏覽器)內,而你仍然需要服務器請求與服務器通信。