2013-06-06 74 views
3

如何獲得與ng-grid的雙向數據綁定?與ng-grid的雙向數據綁定?

我從their pagination example開始工作,已經弄清楚工廠和廣播是如何工作的;並已成功將我的數據的新版本加載到相關控制器中。

如何在myData變量上啓用雙向數據綁定?

我已經試過這兩個不同的東西:

$scope.gridOptions.data = <injected object>; 
$scope.myData = <injected object>; 

有什麼竅門實現雙向數據綁定的myData對象?

+0

當您說2路數據綁定時。這是什麼意思。據我瞭解,ng-grid不允許從UI更改數據。 – Chandermani

+0

當我的控制器中包含ng-grid代碼的變量內容發生變化時,我希望ng-grid表中顯示的數據發生變化。 –

+0

2路數據綁定意味着UI的更改和對模型的更改保持同步。你還在談論單向綁定。 – Chandermani

回答

3

它應該默認工作。我從ng-grid網站上拿下了示例性的重擊程序,並修改了內容並自動更新。

看到這裏 http://plnkr.co/edit/8St4ya?p=preview

看到這個代碼

$scope.changeData=function(){ 
     $scope.myData[0].name="NewName"; 
    }; 

如果您網格是沒有得到在綁定的數據變化更新,其原因可能是

  • 對象綁定不是數組。
  • 您以異步方式(http調用)獲取數據。嘗試撥打$scope.$apply()從服務器獲取數據並更新集合
+0

我試過了我能想到的一切。我有非常奇怪的行爲:在兩種情況下,網格顯示正確的數據,在所有其他情況下,它顯示空白,儘管項目總數顯示正確的項目數。我在過程的最後嘗試了很多不同的東西,包括$ scope。$ apply()。沒什麼幫助。 – Naomi